/*****************



-------首页------



*****************/



/*banner*/



.banner{position: relative;width:100%;overflow: hidden;height: auto !important;}



.banner .swiper-wrapper{height: auto !important;}



.banner .swiper-slide img{width:100%; display: block;}



.banner .swiper-pagination-bullet{ border-radius:0;border: none; background:rgba(255,255,255,0.58);opacity:1;}



.banner .swiper-pagination-bullet-active{background:#FFF; margin-top:0;}



.banner .swiper-slide{height:1px} /* 随意指定一个height值即可 */    



.banner .swiper-slide-active { height:auto}



.banner .swiper-pagination-bullet{width:40px; height:8px;margin-top:2px;}



.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}



.banner .swiper-pagination-bullets {bottom:30px;}



.banner .swiper-pagination-bullet-active {height:8px;}



/**/



.IndPinK{width:49.5%;position: relative;}



.IndPinK:before{display:block;content:'';position: absolute;left:0;top:0; width:100%; height:100%; background-image: url("/images/pic/IndPing01.jpg"); background-position: center; background-size:100% 100%; background-repeat: no-repeat; z-index:1;transition:0.5s;}



.IndPinC{ position:relative; z-index:2;padding-left:8%; width:60%; color:#282828;}



.IndPinH{width:100%; display: block;color:#282828;}



.IndPinP{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



.IndPinSz{width:33.333%; position: relative;}
.IndPinSza{color:#282828;}


.IndPinSz:before{display:block;content:'';position: absolute; background:#017cc2;width:4px; height:4px;transform: translate(0,-50%);left:0;top:50%;}



.IndPinga{ background:#0fa1d6;color:#FFF; text-align: center; border-radius:4px; display: block;}



.IndPinI{width:38%; position: absolute;transform: translate(0,-50%);right:4%;top:50%; z-index:2;}



.IndPinI img{width:100%; display: block;}



.IndPinK:hover:before{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;background-image: url("/images/pic/IndPing02.jpg"); box-shadow: 0 5px 18px rgba(0,83,142,0.6); z-index:2;}



.IndPinK:hover .IndPinC,.IndPinK:hover .IndPinH{color:#FFF;}

.IndPinK:hover .IndPinSza{color:#FFF;}

.IndPinK:hover .IndPinSz:before{background:#FFF;}

.IndPinSza:hover{text-decoration:underline;}

.IndPinK:hover .IndPinga{ color:#007fda;background:#FFF;}



/*title*/



.IndTit{text-align:center; position: relative;}



.IndTit span{text-transform: uppercase;color:#d4d4d4;}



.IndTit h2{ color:#323232;width:100%;font-weight:700;}



/*解决方案*/



.IndSolK li{width:24%;}



.IndSolN{width:100%; position: relative; overflow: hidden; display: block;}



.IndSolI{width:100%; display: block;overflow: hidden;}



.IndSolI img{width:100%; display: block;}



.IndSolS{color:#FFF;align-items:flex-end; height:35%; background:linear-gradient(to bottom ,rgba(0,0,0,0),rgba(0,0,0,0.5)); bottom:0;width:100%; position:absolute; left:0;transition:0.5s;}



.IndSolF{ background-color:rgba(0,111,190,0.55); width:100%; height:100%; padding:0 8%; color:#FFF;align-content:center; left:0;top:100%; position: absolute;transition:0.5s;}



.IndSolF img{display: block; margin:0 auto;-ms-transform:scale(0.85);-moz-transform:scale(0.85);-webkit-transform:scale(0.8);-o-transform:scale(0.85);transform:scale(0.85);}



.IndSolF h3{width:100%; display: block; text-align: center;font-weight:700;-ms-transform:scale(0.85);-moz-transform:scale(0.85);-webkit-transform:scale(0.8);-o-transform:scale(0.85);transform:scale(0.85);}



.IndSolF p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;-ms-transform:scale(0.85);-moz-transform:scale(0.85);-webkit-transform:scale(0.8);-o-transform:scale(0.85);transform:scale(0.85);}



.IndSolFm{ color:#FFF;border:1px solid #FFF; text-align: center;-ms-transform:scale(0.85);-moz-transform:scale(0.85);-webkit-transform:scale(0.8);-o-transform:scale(0.85);transform:scale(0.85);}



.IndSolFm:hover{background-color:rgba(0,111,190,0.8);}



.IndSolN:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2);}



.IndSolN:hover .IndSolS{bottom:-35%;transition:0.5s;}



.IndSolN:hover .IndSolF{transition:0.5s;top:0;}



/*关于我们*/



.IndAboN .IndTit{text-align:left;}



.IndAboP{color:#3a3a3a;}



.IndAboa{border:1px solid #d2d2d2;color:#9c9c9c;}



.IndAboa img{display: block;}



.IndAboa:hover{ border:1px solid #005bac;}



.IndAboImg img{width:100%; display: block;}



/*视频*/



.IndRwr{ background-image: url("/images/pic/playB.jpg");background-size: auto 100%; background-position: center; background-repeat: no-repeat; position: relative;}



.IndRwrN{width:100%; position: absolute;left:0;right:0; margin:0 auto; background: rgba(0,0,0,0.56); text-align: center;color:#FFF;align-content:center}



.IndRwrN p{width:100%;}



.IndRwrN span{width:100%; display: block;}



.IndRwrI{left:0;right:0; margin:0 auto; position: absolute;}



.IndRwrI img{width:100%; display: block;}



/*新闻动态*/



.IndNew{ background:#edf3fa;}



.IndTitM{ color:#4f4f50;position: absolute; left:50%;}



.IndTitM:hover{ text-decoration: underline;}



.IndNewTa{display: block; position: relative; color:#18171d;}



.IndNewTa:before{height:3px;display:block;content:'';position: absolute;left:0;right:0;margin:0 auto; bottom:0;background:#0070c0; width:0;transition:0.5s;}



.IndNewT .on{ color:#0070c0;}



.IndNewT .on:before{width:80%;ransition:0.5s;}



.IndNewDz{overflow: hidden;}



.IndNewDz img{width:100%; display: block;}



.IndNewXu{background:#FFF;align-content:center; text-align: center;}



.IndNewXu span{width:100%; color:#a4a4a4;display: block;}



.IndNewXu p{ color:#7c7c7c; text-align: center; width:100%;border-top:1px solid #ddd;}



.IndNewXph{ color:#3d3d3d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.IndNewXps{color:#636363;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}



.IndNewXa:hover .IndNewXu{ background:#0070c0;}



.IndNewXa:hover .IndNewXu span{color:#FFF;}



.IndNewXa:hover .IndNewXu p{ color:#FFF; border-top:1px solid #FFF;}



/*合作伙伴*/



.IndParB{position: relative;}



.IndParA{align-content:center; border:1px solid #e5e5e5; overflow: hidden;}



.IndParA img{height:100%}



.Swinext,.Swiprev{transform: translate(0,-50%);top:50%; margin:0;}



.Swinext:after, .Swiprev:after {color:#3d3d3d;}



.Swinext:hover:after,.Swiprev:hover:after{ color:#000;}



/**/



.IndJi{width:100%; background-image: url("/images/pic/IndJiB.jpg"); background-repeat: no-repeat; background-position: center; background-size:auto 100%;align-content:center}



.IndJi h3{text-align: center; font-weight:700; color:#FFF; width: 100%;}



.IndJia{ color:#0070c0;background:#FFF; text-align: center;display: block;}



/*弹出*/



.TCB{ background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; top:0; left:0;z-index:999; display:none;}



.TCN{position:fixed;margin:0 auto;left:0; right:0; z-index:1000; top:0; height:100%;display:none;}



.TCclose{ position:absolute; right:0; z-index:10}



.TCclose img{width:100%; display: block;}



.IndADvB{width:100%;position: relative;align-content:center;height:100%; width: 100%;}



.IndADvB video{ width:100%; position: absolute;display: block;object-fit: fill;transform: translate(-50%,-50%);left:50%;top:50%;}



@media  screen and ( min-width:1680px){



/**/



.IndPing{padding-top:30px; padding-bottom:50px;}



.IndPinK{height:399px;margin-bottom:20px;}



.IndPinC{padding-top: 45px;}



.IndPinH{ font-size:26px; line-height:34px;margin-bottom:10px;}



.IndPinP{ font-size: 16px; line-height:28px; height:84px;}



.IndPinS{padding-top:25px;}



.IndPinSz{width:33.333%; padding-left: 15px; margin:5px 0;}



.IndPinga{width: 100px; height: 40px; line-height:40px; font-size:14px;border-radius:4px;margin-top:45px;}



.IndPinI{width:38%;}



/*title*/



.IndTit span{font-size:54px; line-height:60px; letter-spacing:2px;}



.IndTit h2{letter-spacing:1px; font-size:46px; line-height:50px;}



/*解决方案*/



.IndSol{}



.IndSolK{padding-top: 100px;}



.IndSolS{ font-size:24px; line-height:36px;padding-bottom:10px;}



.IndSolF img{ width:88px; }



.IndSolF h3{ font-size:28px;line-height:46px;margin-bottom:15px;}



.IndSolF p{ line-height:30px; height:150px; font-size:17px;}



.IndSolFm{font-size: 16px; width:136px; height: 42px;line-height:42px; border-radius:22px; margin:15px auto 0;}	



	



/*关于我们*/



.IndAbo{padding:150px 0 80px;}



.IndAboN{width:725px;}



.IndAboP{ font-size:16px;line-height:32px; margin-top: 55px; margin-bottom: 100px;}



.IndAboa{height: 46px; width:170px;border-radius:24px; padding:0 34px;}



.IndAboa p{ font-size:14px; line-height:20px;}



.IndAboa img{width:21px;}



.IndAboImg{width:601px;}



/*视频*/



.IndRwr{height:513px;}



.IndRwrN{height:94px;bottom:36px;}



.IndRwrN p{font-size:21px; line-height:30px;}



.IndRwrN span{font-size:16px; line-height:28px;}



.IndRwrI{top:226px; width: 62px;}



/*新闻动态*/



.IndNew{padding:55px 0 90px;}



.IndTitM{font-size:16px; line-height:30px;margin-left:700px; bottom:2px;}



.IndNewK{ padding-top: 60px;}



.IndNewT{}



.IndNewTa{ line-height:60px;font-size:24px; margin-right: 28px;}



.IndNewN{ padding-top:35px;}



.IndNewDz{width:656px;height:365px;}



.IndNewX{width:695px;}



.IndNewXa{margin-bottom:34px;}



.IndNewXu{height:100px; width:104px;padding:0 10px;}



.IndNewXu span{line-height:58px;font-size:32px;}



.IndNewXu p{line-height:44px; font-size:16px;}



.IndNewXp{ width:570px;}



.IndNewXph{font-size:20px; line-height:26px; margin-bottom:10px;}



.IndNewXps{ font-size:14px; line-height:24px; height:48px;}



/*合作伙伴*/



.IndPar{padding:70px 0 65px;}



.IndParB{margin-top:80px;}



.IndParA{height:82px;}



.Swinext,.Swiprev{width:30px; height:30px;}



.Swinext:after, .Swiprev:after {font-size:20px;}



.Swinext{right:40px;}



.Swiprev{left:40px;}	



/**/



.IndJi{height:237px;}



.IndJi h3{ font-size:28px; line-height:36px;}



.IndJia{font-size:18px;width:176px; height: 44px; line-height:44px;border-radius:5px;margin:30px auto 0;}	



/*弹出*/



.TCN{width:900px;}



.TCclose{top:25px;width:31px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



/**/



.IndPing{padding-top:25px; padding-bottom:42px;}



.IndPinK{height:360px;margin-bottom:18px;}



.IndPinC{padding-top:38px;}



.IndPinH{ font-size:23px; line-height:32px;margin-bottom:10px;}



.IndPinP{ font-size: 15px; line-height:26px; height:78px;}



.IndPinS{padding-top:20px;font-size: 14px;}



.IndPinSz{width:33.333%; padding-left: 14px; margin:5px 0;}



.IndPinga{width: 100px; height:38px; line-height:38px; font-size:13px;border-radius:4px;margin-top:38px;}



.IndPinI{width:38%;}



/*title*/



.IndTit span{font-size:48px; line-height:52px; letter-spacing:2px;}



.IndTit h2{letter-spacing:1px; font-size:40px; line-height:42px;}



/*解决方案*/



.IndSol{}



.IndSolK{padding-top:85px;}



.IndSolS{ font-size:22px; line-height:30px;padding-bottom:10px;}



.IndSolF img{ width:76px; }



.IndSolF h3{ font-size:24px;line-height:40px;margin-bottom:12px;}



.IndSolF p{ line-height:27px; height:135px; font-size:16px;}



.IndSolFm{font-size: 15px; width:126px; height: 38px;line-height:38px; border-radius:20px; margin:12px auto 0;}		



	



/*关于我们*/



.IndAbo{padding:130px 0 70px;}



.IndAboN{width:680px;}



.IndAboP{ font-size:15px;line-height:30px; margin-top:45px; margin-bottom:82px;}



.IndAboa{height: 44px; width:150px;border-radius:22px; padding:0 30px;}



.IndAboa p{ font-size:13px; line-height:20px;}



.IndAboa img{width:21px;}



.IndAboImg{width:520px;}



/*视频*/



.IndRwr{height:450px;}



.IndRwrN{height:86px;bottom:30px;}



.IndRwrN p{font-size:19px; line-height:26px;}



.IndRwrN span{font-size:15px; line-height:24px;}



.IndRwrI{top:200px; width:56px;}



/*新闻动态*/



.IndNew{padding:45px 0 80px;}



.IndTitM{font-size:15px; line-height:30px;margin-left:640px; bottom:2px;}



.IndNewK{ padding-top:50px;}



.IndNewT{}



.IndNewTa{ line-height:56px;font-size:22px; margin-right: 26px;}



.IndNewN{ padding-top:30px;}



.IndNewDz{width:598px;height:332px;}



.IndNewX{width:630px;}



.IndNewXa{margin-bottom:30px;}



.IndNewXu{height:91px; width:98px;padding:0 10px;}



.IndNewXu span{line-height:50px;font-size:30px;}



.IndNewXu p{line-height:40px;font-size:15px;}



.IndNewXp{ width:510px;}



.IndNewXph{font-size:18px; line-height:26px; margin-bottom:10px;}



.IndNewXps{ font-size:13px; line-height:22px; height:44px;}



/*合作伙伴*/



.IndPar{padding:62px 0 56px;}



.IndParB{margin-top:70px;}



.IndParA{height:74px;}



.Swinext,.Swiprev{width:26px; height:26px;}



.Swinext:after, .Swiprev:after {font-size:18px;}



.Swinext{right:38px;}



.Swiprev{left:38px;}	



/**/



.IndJi{height:210px;}



.IndJi h3{ font-size:25px; line-height:32px;}



.IndJia{font-size:17px;width:160px; height: 42px; line-height:42px;border-radius:5px;margin:26px auto 0;}



/*弹出*/



.TCN{width:800px;}



.TCclose{top:25px;width:31px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



/**/



.IndPing{padding-top:20px; padding-bottom:35px;}



.IndPinK{height:310px;margin-bottom:15px;}



.IndPinC{padding-top:32px;}



.IndPinH{ font-size:20px; line-height:26px;margin-bottom:8px;font-weight:700;}



.IndPinP{ font-size: 14px; line-height:24px; height:72px;}



.IndPinS{padding-top:16px;font-size: 14px;}



.IndPinSz{width:50%; padding-left: 14px; margin:4px 0;}



.IndPinga{width:90px; height:34px; line-height:34px; font-size:12px;border-radius:4px;margin-top:30px;}



.IndPinI{width:38%;}



/*title*/



.IndTit span{font-size:42px; line-height:46px; letter-spacing:1px;}



.IndTit h2{letter-spacing:1px; font-size:32px; line-height:34px;}



/*解决方案*/



.IndSol{}



.IndSolK{padding-top:70px;}



.IndSolS{ font-size:19px; line-height:26px;padding-bottom:8px;}



.IndSolF img{ width:60px; }



.IndSolF h3{ font-size:20px;line-height:30px;margin-bottom:12px;}



.IndSolF p{ line-height:22px; height:110px; font-size:15px;}



.IndSolFm{font-size: 14px; width:116px; height: 34px;line-height:34px; border-radius:18px; margin:12px auto 0;}		







/*关于我们*/



.IndAbo{padding:110px 0 60px;}



.IndAboN{width:540px;}



.IndAboP{ font-size:14px;line-height:26px; margin-top:38px; margin-bottom:70px;}



.IndAboa{height: 40px; width:125px;border-radius:20px; padding:0 25px;}



.IndAboa p{ font-size:12px; line-height:20px;}



.IndAboa img{width:21px;}



.IndAboImg{width:480px;}	



/*视频*/



.IndRwr{height:400px;}



.IndRwrN{height:70px;bottom:25px;}



.IndRwrN p{font-size:17px; line-height:24px;}



.IndRwrN span{font-size:14px; line-height:20px;}



.IndRwrI{top:170px; width:50px;}



/*新闻动态*/



.IndNew{padding:40px 0 60px;}



.IndTitM{font-size:14px; line-height:26px;margin-left:540px; bottom:2px;}



.IndNewK{ padding-top:40px;}



.IndNewT{}



.IndNewTa{ line-height:52px;font-size:20px; margin-right: 24px;}



.IndNewN{ padding-top:25px;}



.IndNewDz{width:510px;height:283px;}



.IndNewX{width:530px;}



.IndNewXa{margin-bottom:24px;}



.IndNewXu{height:79px; width:88px;padding:0 10px;}



.IndNewXu span{line-height:45px;font-size:26px;}



.IndNewXu p{line-height:33px;font-size:14px;}



.IndNewXp{ width:420px;}



.IndNewXph{font-size:17px; line-height:24px; margin-bottom:6px;}



.IndNewXps{ font-size:12px; line-height:20px; height:40px;}



/*合作伙伴*/



.IndPar{padding:52px 0 48px;}



.IndParB{margin-top:60px;}



.IndParA{height:62px;}



.Swinext,.Swiprev{width:22px; height:22px;}



.Swinext:after, .Swiprev:after {font-size:16px;}



.Swinext{right:30px;}



.Swiprev{left:30px;}	



/**/



.IndJi{height:180px;}



.IndJi h3{ font-size:22px; line-height:30px;}



.IndJia{font-size:16px;width:150px; height: 40px; line-height:40px;border-radius:4px;margin:22px auto 0;}



/*弹出*/



.TCN{width:750px;}



.TCclose{top:25px;width:31px;}



}



@media only screen and (max-width:1279px){



/**/



.IndPing{padding-top:20px; padding-bottom:35px;}



.IndPinK{height:260px;margin-bottom:15px;}



.IndPinC{padding-top:25px;}



.IndPinH{ font-size:18px; line-height:26px;margin-bottom:8px; font-weight:700;}



.IndPinP{ font-size: 13px; line-height:22px; height:66px;}



.IndPinS{padding-top:12px;font-size: 13px;}



.IndPinSz{width:50%; padding-left: 12px; margin:2px 0;}



.IndPinga{width:85px; height:30px; line-height:30px; font-size:12px;border-radius:4px;margin-top:20px;}



.IndPinI{width:38%;}



/*title*/



.IndTit span{font-size:38px; line-height:40px; letter-spacing:1px;}



.IndTit h2{letter-spacing:1px; font-size:28px; line-height:30px;}



/*解决方案*/



.IndSol{}



.IndSolK{padding-top:50px;}



.IndSolS{ font-size:16px; line-height:22px;padding-bottom:7px;}



.IndSolF img{ width:50px; }



.IndSolF h3{ font-size:18px;line-height:26px;margin-bottom:12px;}



.IndSolF p{ line-height:20px; height:100px; font-size:14px;}



.IndSolFm{font-size: 13px; width:100px; height: 30px;line-height:30px; border-radius:16px; margin:10px auto 0;}		



	



/*关于我们*/



.IndAbo{padding:90px 0 50px;}



.IndAboN{width:510px;}



.IndAboP{ font-size:13px;line-height:26px; margin-top:28px; margin-bottom:50px;}



.IndAboa{height:38px; width:110px;border-radius:19px; padding:0 20px;}



.IndAboa p{ font-size:12px; line-height:20px;}



.IndAboa img{width:21px;}



.IndAboImg{width:440px;}



/*视频*/



.IndRwr{height:360px;}



.IndRwrN{height:64px;bottom:22px;}



.IndRwrN p{font-size:16px; line-height:22px;}



.IndRwrN span{font-size:13px; line-height:18px;}



.IndRwrI{top:160px; width:46px;}



/*新闻动态*/



.IndNew{padding:35px 0 40px;}



.IndTitM{font-size:13px; line-height:24px;margin-left:500px; bottom:2px;}



.IndNewK{ padding-top:32px;}



.IndNewT{}



.IndNewTa{ line-height:48px;font-size:18px; margin-right: 21px;}



.IndNewN{ padding-top:20px;}



.IndNewDz{width:470px;height:261px;}



.IndNewX{width:490px;}



.IndNewXa{margin-bottom:24px;}



.IndNewXu{height:71px; width:78px;padding:0 8px;}



.IndNewXu span{line-height:38px;font-size:22px;}



.IndNewXu p{line-height:32px;font-size:13px;}



.IndNewXp{ width:394px;}



.IndNewXph{font-size:16px; line-height:18px; margin-bottom:6px;}



.IndNewXps{ font-size:12px; line-height:18px; height:36px;}



/*合作伙伴*/



.IndPar{padding:46px 0 40px;}



.IndParB{margin-top:50px;}



.IndParA{height:54px;}



.Swinext,.Swiprev{width:22px; height:22px;}



.Swinext:after, .Swiprev:after {font-size:16px;}



.Swinext{right:15px;}



.Swiprev{left:15px;}



/**/



.IndJi{height:160px;}



.IndJi h3{ font-size:20px; line-height:26px;}



.IndJia{font-size:15px;width:135px; height:36px; line-height:36px;border-radius:4px;margin:18px auto 0;}



/*弹出*/



.TCN{width:700px;}



.TCclose{top:21px;width:29px;}



}



/*****************



-----关于我们-----



*****************/



.AboBan{width:100%;align-content:center;background-image: url(/images/pic/aboutBg.png);background-size: auto 100%;background-position: center;background-repeat: no-repeat;position: relative;}



.AboBan video{ width:100%; height:100%; position: absolute;display: block;object-fit: fill;transform: translate(-50%,-50%);left:50%;top:50%;}



.AboBan video::-webkit-media-controls-fullscreen-button {display: none;}



/*所有控件*/



.AboBan video::-webkit-media-controls-enclosure{display: none;}



.AboBanT{width:100%; text-align: center; position: absolute;top:20%;color:#FFF;left:0; z-index:2; }



.NyWai{ background:#FFF; border-bottom:1px solid #dcdcdc;}



.MianB{ color:#222;}



.MianB a{ color:#222;}



.MianB a:hover{text-decoration:underline;}



.NyNavK{ position: relative;}



.NyNavO{ background:#fff;width:100%; position: fixed;left:0;right:0; margin: 0 auto; z-index:99;border-bottom:1px solid #dcdcdc;}



.NyNavK .NyNav{}



.NyNavO .NyNav{margin:0 auto;}



.NyNavA{color:#373737;}



.NyNav .on{ color:#017cc2}



/*企业简介*/



.Abocom{ background:#f6f6f6;}



.AbocomTu{overflow: hidden;}



.AbocomTu img{width:100%; display: block;}



.AbocomB .aboTit{ text-align: left;}



.AbocomF{ color:#2a2a2a;}



.AbocomS{width:100%;}



.AbocomI{}



.AbocomI:first-child{margin-left:0;}



.AbocomI img{display: block; margin:0 auto;}



.AbocomP{color:#2a2a2a;}



/*企业荣誉*/



.aboquaZ3{}



.aboquaZ3 .swiper-slide{width:20%;}



/*产品系列*/



.aboSera{ background:#eff6ff; }



.aboSerI{margin:0 auto;}



.aboSerI img{ width:100%; display: block;}



.aboSerP{ width:100%; text-align: center; }



.aboSerW1{width:32.8%;}



.aboSerW2{width:24.2%;}



.aboSera:hover{box-shadow:0 0 10px rgba(239,246,255,1); background:#d5e6fc;}



/*产品资质*/



.aboqua{overflow: hidden;}



.aboGd{position: relative; ; z-index:1}



.aboGd:before{display:block;content:'';position: absolute;background-image: url("/images/pic/aboquaB.png"); background-position: center bottom; background-size: auto 100%; background-repeat: no-repeat;transform: translate(-50%,0);left:50%;bottom:0; z-index:-1;}



.aboswi{width:100%;}



.aboquaI{background:#e8ecf0; overflow: hidden;align-content:center; margin:0 auto;}



.aboquaI img{width:100%;}



.abonext,.aboprev{margin:0; background-repeat: no-repeat; background-size:100%; background-position: center;}



.abonext:after, .aboprev:after { display: none;}



.abonext{background-image: url("/images/pic/jia-R.png");transition: 0.3s}
.abonext:hover{background-image: url("/images/pic/jia-R-h.png");transition: 0.3s}


.aboprev{background-image: url("/images/pic/jia-L.png");transition: 0.3s}	
.aboprev:hover{background-image: url("/images/pic/jia-L-h.png");transition: 0.3s}


.aboGdp{width:100%; text-align: center; color:#2a2a2a;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.aboquaT{font-weight:600; color:#2a2a2a;}



/*核心应用*/



.aboCorA{overflow:hidden; display: block; color:#FFF; position: relative;}



.aboCorA img{width:100%; display: block;}



.aboCorA p{width:100%;background:linear-gradient(to right,rgba(0,112,192,0.75),rgba(0,112,192,0)); position: absolute; left:0; bottom:0;}



.aboCorL .aboCorA{width:100%;}



.aboCorRT{width:100%; color:#FFF; text-align: center; background:#0092e5;font-weight:700;}



/*合作伙伴*/



.aboPar{ background:#f4f7f9;}



.aboTit{text-align: center;}



.aboTit h3{ color:#2a2a2a;font-weight: 700; position: relative;}



.aboTit h3:before{display:block;content:'';position: absolute;background:#017cc2;bottom:0;right:0;left:0; margin:0 auto;}



.aboParA{background:#FFF;border:1px solid #e5e5e5;align-content:center;}



.aboParA:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1);}



.aboParM{ margin:0 auto;}



.aboParM:before,.aboParM:after{display:block;content:'';background:#a0a0a0;border-radius:50%;}



.aboParM i{ background:#a0a0a0;border-radius:50%; display: block;}



@media  screen and ( min-width:1680px){



.AboBan{height:699px;}

.AboBan .IndRwrI{top: 330px}

.AboBanT{font-size:44px;}



.NyWaiK{height:90px;}



.MianB{font-size: 16px; line-height:26px;}



.MianB p{padding:0 4px;}



.NyNavO{top:106px;}



.NyNav{height:60px;}



.NyNavO .NyNav{width:1400px;}



.NyNavA{height:30px; line-height:30px; font-size:20px; margin-left: 50px;}



/*企业简介*/



.Abocom{padding:70px 0 50px;}



.AbocomTu{width:485px; height:595px;}



.AbocomB{width:820px; font-size:18px;}



.AbocomB .aboTit h3:before{rgiht:auto; margin:0;}



.AbocomF{font-size:26px; line-height:40px; margin-top:30px;}



.AbocomS{margin-top: 70px;}



.AbocomI{margin-left:80px}



.AbocomI:first-child{margin-left:0;}



.AbocomI img{ width: 50px;}



.AbocomI p{line-height:32px; margin-top:6px;}



.AbocomP{line-height:32px; margin-top: 70px;}



/*产品系列*/



.aboSer{padding-top:120px;}



.aboSerK{ padding-top:110px;}



.aboSerP{font-size: 20px; line-height:26px;}



.aboSerW1{height:530px; padding-top:110px;margin-bottom: 20px;}



.aboSerW1 .aboSerI{width:300px; margin-bottom:45px;}



.aboSerW2{height:344px; padding-top:85px;}



.aboSerW2 .aboSerI{width:252px; margin-bottom:15px;}



/*产品资质*/



.aboqua{padding:100px 0 10px;}



.aboGd:before{width:1666px; height: 98px;}



.aboswi{height:410px;}



.aboquaI{width:240px; height:320px; border:10px solid #e8ecf0;}



.aboquaI img{width:100%;}



.abonext,.aboprev{top:35%;}



.abonext,.aboprev{width:30px; height:30px;}



.abonext{right:-30px;}



.aboprev{left:-30px;}	



.aboquaB1{margin-top:80px;}	



.aboGdp{font-size:18px; line-height:28px; margin-top:50px;}



.aboquaT{ font-size:30px;line-height:50px; padding:60px 0 80px;}



/*企业荣誉*/



.aboquaZ3 .aboquaI{width:auto; height:300px;}



.aboquaZ3 .aboquaI img{width:auto;height:100%;}



/*核心应用*/



.aboCor{ padding:40px 0 100px;}



.aboCorK{padding-top:95px;}



.aboCorA{width:310px; height:235px;}



.aboCorA p{ font-size:20px;padding:0 20px; line-height:35px;}



.aboCorL{width:399px;}



.aboCorL .aboCorA{height:272px; margin-bottom:15px;}



.aboCorL .aboCorA p{ font-size:24px;padding:0 25px; line-height:41px;}



.aboCorR{width:952px;}



.aboCorRT{line-height:65px; font-size:24px;}



.aboCorR .aboCorA{margin-top:12px;}



/*合作伙伴*/



.aboPar{padding:55px 0 60px;}



.aboTit h3{padding:20px 0; line-height:80px;height:80px; font-size:46px;}



.aboTit h3:before{width: 84px; height: 5px;}



.aboParK{padding:100px 0 45px;}



.aboParA{ width:328px; height: 85px;margin-bottom: 25px; margin-left:29px;}



.aboParA:nth-child(4n+1){ margin-left:0;}



.aboParA img{width:auto; height:80px;}



.aboParM{ width:38px;}



.aboParM:before,.aboParM:after{width:8px; height:8px;}



.aboParM i{width:8px; height:8px;}	



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.AboBan{height:601px;}

.AboBan .IndRwrI{top: 290px}

.AboBanT{font-size:40px;}



.NyWaiK{height:80px;}



.MianB{font-size: 15px; line-height:24px;}



.MianB p{padding:0 3px;}



.NyNavO{top:92px;}



.NyNav{height:55px;}



.NyNavO .NyNav{width:1280px;}



.NyNavA{height:30px; line-height:30px; font-size:18px; margin-left:42px;}



/*企业简介*/



.Abocom{padding:62px 0 42px;}



.AbocomTu{width:445px; height:545px;}



.AbocomB{width:765px; font-size:17px;}



.AbocomB .aboTit h3:before{rgiht:auto; margin:0;}



.AbocomF{font-size:24px; line-height:38px; margin-top:27px;}



.AbocomS{margin-top: 65px;}



.AbocomI{margin-left:70px}



.AbocomI:first-child{margin-left:0;}



.AbocomI img{ width: 50px;}



.AbocomI p{line-height:30px; margin-top:5px;}



.AbocomP{line-height:30px; margin-top:65px;}



/*产品系列*/



.aboSer{padding-top:100px;}



.aboSerK{ padding-top:80px;}



.aboSerP{font-size:18px; line-height:24px;}



.aboSerW1{height:485px; padding-top:95px;margin-bottom:17px;}



.aboSerW1 .aboSerI{width:280px; margin-bottom:38px;}



.aboSerW2{height:310px; padding-top:70px;}



.aboSerW2 .aboSerI{width:210px; margin-bottom:12px;}



/*产品资质*/



.aboqua{padding:85px 0 10px;}



.aboGd:before{width:1500px; height: 88px;}



.aboswi{height:370px;}



.aboquaI{width:214px; height:288px; border:8px solid #e8ecf0;}



.aboquaI img{width:100%;}



.abonext,.aboprev{top:35%;}



.abonext,.aboprev{width:26px; height:26px;}



.abonext{right:-26px;}



.aboprev{left:-26px;}	



.aboquaB1{margin-top:65px;}	



.aboGdp{font-size:17px; line-height:25px; margin-top:42px;}



.aboquaT{ font-size:25px;line-height:40px; padding:55px 0 70px;}



/*企业荣誉*/



.aboquaZ3 .aboquaI{width:auto; height:266px;}



.aboquaZ3 .aboquaI img{width:auto;height:100%;}



/*核心应用*/



.aboCor{ padding:35px 0 85px;}



.aboCorK{padding-top:80px;}



.aboCorA{width:285px; height:216px;}



.aboCorA p{ font-size:18px;padding:0 18px; line-height:32px;}



.aboCorL{width:360px;}



.aboCorL .aboCorA{height:245px; margin-bottom:15px;}



.aboCorL .aboCorA p{ font-size:22px;padding:0 22px; line-height:38px;}



.aboCorR{width:870px;}



.aboCorRT{line-height:56px; font-size:22px;}



.aboCorR .aboCorA{margin-top:8px;}



/*合作伙伴*/



.aboPar{padding:42px 0 52px;}



.aboTit h3{padding:16px 0; line-height:70px;height:70px; font-size:40px;}



.aboTit h3:before{width:78px; height:4px;}



.aboParK{padding:80px 0 40px;}



.aboParA{ width:302px; height: 80px;margin-bottom: 20px; margin-left:24px;}



.aboParA:nth-child(4n+1){ margin-left:0;}



.aboParA img{width:auto; height:72px;}



.aboParM{ width:34px;}



.aboParM:before,.aboParM:after{width:7px; height:7px;}



.aboParM i{width:7px; height:7px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.AboBan{height:520px;}

.AboBan .IndRwrI{top: 250px}

.AboBanT{font-size:34px;}



.NyWaiK{height:70px;}



.MianB{font-size: 14px; line-height:22px;}



.MianB p{padding:0 2px;}



.NyNavO{top:80px;}



.NyNav{height:50px;}



.NyNavO .NyNav{width:1080px;}



.NyNavA{height:26px; line-height:26px; font-size:16px; margin-left:34px;}



/*企业简介*/



.Abocom{padding:54px 0 38px;}



.AbocomTu{width:390px; height:478px;}



.AbocomB{width:620px; font-size:16px;}



.AbocomB .aboTit h3:before{rgiht:auto; margin:0;}



.AbocomF{font-size:20px; line-height:30px; margin-top:16px;}



.AbocomS{margin-top: 45px;}



.AbocomI{margin-left:55px}



.AbocomI:first-child{margin-left:0;}



.AbocomI img{ width:46px;}



.AbocomI p{line-height:28px; margin-top:4px;}



.AbocomP{line-height:28px; margin-top:45px;}



/*产品系列*/



.aboSer{padding-top:80px;}



.aboSerK{ padding-top:60px;}



.aboSerP{font-size:17px; line-height:22px;}



.aboSerW1{height:420px; padding-top:80px;margin-bottom:14px;}



.aboSerW1 .aboSerI{width:240px; margin-bottom:34px;}



.aboSerW2{height:230px; padding-top:50px;}



.aboSerW2 .aboSerI{width:170px; margin-bottom:9px;}



/*产品资质*/



.aboqua{padding:70px 0 7px;}



.aboGd:before{width:1400px; height:78px;}



.aboswi{height:324px;}



.aboquaI{width:188px; height:252px; border:6px solid #e8ecf0;}



.aboquaI img{width:100%;}



.abonext,.aboprev{top:35%;}



.abonext,.aboprev{width:24px; height:24px;}



.abonext{right:-24px;}



.aboprev{left:-24px;}	



.aboquaB1{margin-top:50px;}	



.aboGdp{font-size:16px; line-height:24px; margin-top:35px;}



.aboquaT{ font-size:21px;line-height:34px; padding:45px 0 60px;}



/*企业荣誉*/



.aboquaZ3 .aboquaI{width:auto; height:240px;}



.aboquaZ3 .aboquaI img{width:auto;height:100%;}



/*核心应用*/



.aboCor{ padding:30px 0 70px;}



.aboCorK{padding-top:65px;}



.aboCorA{width:240px; height:182px;}



.aboCorA p{ font-size:16px;padding:0 16px; line-height:30px;}



.aboCorL{width:305px;}



.aboCorL .aboCorA{height:208px; margin-bottom:12px;}



.aboCorL .aboCorA p{ font-size:20px;padding:0 20px; line-height:35px;}



.aboCorR{width:732px;}



.aboCorRT{line-height:50px; font-size:20px;}



.aboCorR .aboCorA{margin-top:7px;}



/*合作伙伴*/



.aboPar{padding:35px 0 45px;}



.aboTit h3{padding:14px 0; line-height:58px;height:58px; font-size:35px;}



.aboTit h3:before{width:70px; height:4px;}



.aboParK{padding:60px 0 30px;}



.aboParA{ width:258px; height:72px;margin-bottom:16px; margin-left:16px;}



.aboParA:nth-child(4n+1){ margin-left:0;}



.aboParA img{width:auto; height:62px;}



.aboParM{ width:30px;}



.aboParM:before,.aboParM:after{width:6px; height:6px;}



.aboParM i{width:6px; height:6px;}



}



@media only screen and (max-width:1279px){



.AboBan{height:464px;}

.AboBan .IndRwrI{top: 210px}

.AboBanT{font-size:30px;}



.NyWaiK{height:60px;}



.MianB{font-size: 13px; line-height:20px;}



.MianB p{padding:0 2px;}



.NyNavO{top:70px;}



.NyNav{height:45px;}



.NyNavO .NyNav{width:1000px;}



.NyNavA{height:24px; line-height:24px; font-size:15px; margin-left:30px;}



/*企业简介*/



.Abocom{padding:46px 0 34px;}



.AbocomTu{width:330px; height:404px;}



.AbocomB{width:610px; font-size:14px;}



.AbocomB .aboTit h3:before{rgiht:auto; margin:0;}



.AbocomF{font-size:18px; line-height:28px; margin-top:14px;}



.AbocomS{margin-top:38px;}



.AbocomI{margin-left:40px}



.AbocomI:first-child{margin-left:0;}



.AbocomI img{ width:40px;}



.AbocomI p{line-height:22px; margin-top:2px;}



.AbocomP{line-height:24px; margin-top:38px;}



/*产品系列*/



.aboSer{padding-top:5px;}



.aboSerK{ padding-top:45px;}



.aboSerP{font-size:16px; line-height:20px;}



.aboSerW1{height:350px; padding-top:65px;margin-bottom:10px;}



.aboSerW1 .aboSerI{width:200px; margin-bottom:30px;}



.aboSerW2{height:200px; padding-top:40px;}



.aboSerW2 .aboSerI{width:150px; margin-bottom:6px;}



/*产品资质*/



.aboqua{padding:55px 0 7px;}



.aboGd:before{width:1250px; height:70px;}



.aboswi{height:293px;}



.aboquaI{width:170px; height:228px; border:5px solid #e8ecf0;}



.aboquaI img{width:100%;}



.abonext,.aboprev{top:35%;}



.abonext,.aboprev{width:22px; height:22px;}



.abonext{right:-22px;}



.aboprev{left:-22px;}	



.aboquaB1{margin-top:40px;}	



.aboGdp{font-size:15px; line-height:22px; margin-top:30px;}



.aboquaT{ font-size:19px;line-height:30px; padding:40px 0 45px;}



/*企业荣誉*/



.aboquaZ3 .aboquaI{width:auto; height:220px;}



.aboquaZ3 .aboquaI img{width:auto;height:100%;}



/*核心应用*/



.aboCor{ padding:25px 0 55px;}



.aboCorK{padding-top:50px;}



.aboCorA{width:222px; height:168px;}



.aboCorA p{ font-size:14px;padding:0 14px; line-height:28px;}



.aboCorL{width:280px;}



.aboCorL .aboCorA{height:190px; margin-bottom:12px;}



.aboCorL .aboCorA p{ font-size:18px;padding:0 18px; line-height:32px;}



.aboCorR{width:676px;}



.aboCorRT{line-height:46px; font-size:18px;}



.aboCorR .aboCorA{margin-top:5px;}



/*合作伙伴*/



.aboPar{padding:28px 0 38px;}



.aboTit h3{padding:12px 0; line-height:48px;height:48px; font-size:30px;}



.aboTit h3:before{width:60px; height:3px;}



.aboParK{padding:50px 0 25px;}



.aboParA{ width:241px; height:65px;margin-bottom:12px; margin-left:12px;}



.aboParA:nth-child(4n+1){ margin-left:0;}



.aboParA img{width:auto; height:55px;}



.aboParM{ width:30px;}



.aboParM:before,.aboParM:after{width:6px; height:6px;}



.aboParM i{width:6px; height:6px;}



}



/*****************



-----解决方案-----



*****************/



.SolBan{background-image: url("/images/pic/SolBan.jpg"); background-position:top center; background-size:auto 100%; background-repeat: no-repeat;align-content:center}



.SolBanT{width:100%; text-align: center; color:#FFF; font-weight:700;letter-spacing:1px;}



.SolBana{text-align: center; color:#FFF;background:#0fa1d6; display: block;}



.SolBana:hover{ box-shadow:0 0 5px rgba(255,255,255,0.3);}



.solWai{background:#f2f7fa; border-bottom:none;}



.sollst{}



.sollst li{ background:#FFF;}



.sollstI{overflow: hidden;background:#f2f7fa;}



.sollstI img{width:100%; display: block;}



.sollstH{color:#3d3d3d;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.sollstP{color:#747474;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}



.sollstD p{ color:#3d3d3d;position: relative;}



.sollstD p:before{display:block;content:'';position: absolute;background:#007cc2;transform: translate(0,-50%);left:0;top:50%;}



.sollst li:hover{box-shadow:0 0 10px 5px rgba(0,124,194,0.3);}



.sollsta{color:#007cc2; display: block; border:1px solid #007cc2;text-align: center;position: relative; z-index:1; overflow: hidden}



.sollsta:hover{color: #FFF;background: #007cc2;}



/********分页*******/



.page{color:#242424;}



.page a{text-align:center;color:#242424;align-content:center;border:1px solid #e5e5e5;background:#FFF;}

.page .pageA.active{background-color: #017cc2;color: #fff;}

.pageI{border:1px solid #e5e5e5;text-align: center;align-content:center;}



.page p{align-content:center;}



a.pageQ{background:#FFF; color:#017cc2;border:1px solid #017cc2;align-content:center;}



.page a:hover,.page .on{ background:#017cc2; color:#FFF;border:1px solid #017cc2;}



@media  screen and ( min-width:1680px){



.SolBan{height:347px;}



.SolBanT{ font-size:40px;line-height:60px;}



.SolBana{width:138px; height:44px; line-height:44px;border-radius:5px;font-size:18px;margin:20px auto 0;}



.solWai{height:80px;}



.sollst{}



.sollst li{margin-bottom: 22px; box-shadow:0 3px 10px rgba(0,0,0,0.1)}



.sollstI{ width:502px; height:312px;}



.sollstN{width:780px; padding-right:60px;font-size:16px;}



.sollstH{ font-size:28px;line-height:44px;height:44px;}



.sollstP{ margin-top:10px;line-height:30px; height:90px;}



.sollstD{padding:12px 0 10px;}



.sollstD p{line-height:30px; padding-left: 15px; margin-right:30px; margin-bottom: 15px;}



.sollstD p:before{width:4px; height:4px;}



.sollsta{width:108px; height:42px; line-height:42px;}



/********分页*******/



.page{ margin:30px auto 40px;font-size:16px;}



.page a{width:46px;height:44px;line-height:44px;margin:0 4px;border-radius:4px;}



.page a.pageW{ width:80px;}



.pageI{width:62px;height:44px;margin:0 4px;line-height:44px;font-size:16px;border-radius:4px;}



.page p{ line-height:44px;margin-right:16px;margin:0 4px; }



a.pageQ{width:110px;line-height:44px;height:44px;margin:0 4px;border-radius:4px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.SolBan{height:305px;}



.SolBanT{ font-size:36px;line-height:50px;}



.SolBana{width:120px; height:40px; line-height:40px;border-radius:4px;font-size:17px;margin:18px auto 0;}	



.solWai{height:70px;}



.sollst{}



.sollst li{margin-bottom:20px; box-shadow:0 3px 10px rgba(0,0,0,0.1)}



.sollstI{ width:475px; height:295px;}



.sollstN{width:700px; padding-right:50px;font-size:15px;}



.sollstH{ font-size:26px;line-height:40px;height:40px;}



.sollstP{ margin-top:9px;line-height:28px; height:84px;}



.sollstD{padding:10px 0 9px;}



.sollstD p{line-height:28px; padding-left: 14px; margin-right:28px; margin-bottom: 11px;}



.sollstD p:before{width:4px; height:4px;}



.sollsta{width:102px; height:40px; line-height:40px;}



/********分页*******/



.page{ margin:27px auto 35px;font-size:15px;}



.page a{width:42px;height:40px;line-height:40px;margin:0 3px;border-radius:3px;}



.page a.pageW{ width:80px;}



.pageI{width:58px;height:40px;margin:0 3px;line-height:40px;font-size:15px;border-radius:3px;}



.page p{ line-height:40px;margin-right:16px;margin:0 3px; }



a.pageQ{width:100px;line-height:40px;height:40px;margin:0 3px;border-radius:3px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.SolBan{height:265px;}



.SolBanT{ font-size:32px;line-height:42px;}



.SolBana{width:110px; height:38px; line-height:38px;border-radius:4px;font-size:16px;margin:15px auto 0;}



.solWai{height:60px;}



.sollst{}



.sollst li{margin-bottom:17px; box-shadow:0 3px 10px rgba(0,0,0,0.1)}



.sollstI{ width:410px; height:254px;}



.sollstN{width:580px; padding-right:35px;font-size:14px;}



.sollstH{ font-size:22px;line-height:32px;height:32px;}



.sollstP{ margin-top:8px;line-height:26px; height:78px;}



.sollstD{padding:8px 0 7px;}



.sollstD p{line-height:25px; padding-left: 12px; margin-right:22px; margin-bottom:9px;}



.sollstD p:before{width:4px; height:4px;}



.sollsta{width:94px; height:36px; line-height:36px;}



/********分页*******/



.page{ margin:20px auto 28px;font-size:14px;}



.page a{width:38px;height:36px;line-height:36px;margin:0 2px;border-radius:3px;}



.page a.pageW{ width:60px;}



.pageI{width:50px;height:36px;margin:0 2px;line-height:36px;font-size:14px;border-radius:3px;}



.page p{ line-height:36px;margin-right:16px;margin:0 2px; }



a.pageQ{width:92px;line-height:36px;height:36px;margin:0 2px;border-radius:3px;}



}



@media only screen and (max-width:1279px){



.SolBan{height:240px;}



.SolBanT{ font-size:26px;line-height:36px;}



.SolBana{width:100px; height:35px; line-height:35px;border-radius:4px;font-size:15px;margin:13px auto 0;}



.solWai{height:50px;}



.sollst{}



.sollst li{margin-bottom:15px; box-shadow:0 3px 10px rgba(0,0,0,0.1)}



.sollstI{ width:380px; height:236px;}



.sollstN{width:550px; padding-right:30px;font-size:13px;}



.sollstH{ font-size:20px;line-height:27px;height:27px;}



.sollstP{ margin-top:6px;line-height:24px; height:72px;}



.sollstD{padding:6px 0 5px;}



.sollstD p{line-height:25px; padding-left: 11px; margin-right:18px; margin-bottom:7px;}



.sollstD p:before{width:4px; height:4px;}



.sollsta{width:84px; height:32px; line-height:32px;}



/********分页*******/



.page{ margin:20px auto 28px;font-size:13px;}



.page a{width:34px;height:32px;line-height:32px;margin:0 2px;border-radius:3px;}



.page a.pageW{ width:60px;}



.pageI{width:40px;height:32px;margin:0 2px;line-height:32px;font-size:13px;border-radius:3px;}



.page p{ line-height:32px;margin-right:16px;margin:0 2px; }



a.pageQ{width:80px;line-height:32px;height:32px;margin:0 2px;border-radius:3px;}	



}



/*****************



-----工业智能网关-----



*****************/



.gatDs{background-image: url("/images/pic/gatDs.png"); background-position:top right;background-repeat: no-repeat;}



.gatDgN{color:#2a2a2a;}



.gatDgI img{width:100%; display: block;}



.gatDIc{border:1px solid #017cc2;}



.gatDIc img{ display:block;width:100%;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}



.gatDIc:hover{ box-shadow:0 0 10px rgba(1,124,194,0.5)}



.gatDIc:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg);}



.gatDIN{color:#2a2a2a;}



.gatDIN h3{font-weight:700;}



.gatlstK{ background:#f2f7fa;}



.gatTit{ color:#181819;font-weight:700;}



.gatlst li{width:100%; background:#FFF;}



.gatlstI{height:100%;align-content:center}



.gatlstI img{display: block;}



.gatlstN{width:100%; flex:1;color:#181819;}



.gatlstH{border-bottom:1px solid #e5e5e5; width:100%;position: relative;color:#181819;}



.gatlstH h3{width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.gatlstH:before{display:block;content:'';position: absolute;left:0;bottom:-1px; background:#aaa;z-index:1;}



.gatlstF{color:#696969;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}



.gatlstP{ width:100%;}



.gatlstP p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.gatlsta{ background:#017cc2; color:#FFF;display: block; text-align: center;}



.gatlst li:hover{ background:linear-gradient(125deg,#0caedd,#007dc3)}



.gatlst li:hover .gatlstN,.gatlst li:hover .gatlstF,.gatlst li:hover .gatlstH{color:#FFF;}



.gatlst li:hover .gatlstH{border-bottom:1px solid #FFF; }



.gatlst li:hover .gatlstH:before{background:#FFF;}



.gatlst li:hover .gatlsta{color:#017cc2; background:#FFF;}



@media  screen and ( min-width:1680px){



.gatDs{background-size:761px;}



.gatDg{ padding-top:50px;}



.gatDgN{width:650px;font-size: 16px; line-height:30px;}



.gatDgI{width:658px;}



.gatDIk{padding:150px 0 70px;}



.gatDID{width:320px; margin-bottom: 55px;}



.gatDIc{width:50px; height:50px; border-radius:4px;}



.gatDIN{ width:240px;}



.gatDIN h3{font-size:20px;line-height:28px; margin-bottom: 4px;}



.gatDIN p{ font-size:16px; line-height:28px;}



.gatlstK{padding:100px 0 30px;}



.gatTit{font-size:40px; line-height:80px;}



.gatlst{padding-top:30px;}



.gatlst li{height:478px;margin-bottom:34px;}



.gatlstI{ width:478px;}



.gatlstI img{width:370px;}



.gatlstH{ font-size:30px;padding-right: 50px;}



.gatlstH h3{ line-height:80px;height:80px;}



.gatlstH:before{width:110px; height:2px;}



.gatlstF{ font-size:20px;line-height:28px; height:56px; margin-top:10px;}



.gatlstP{ width:100%; padding-right: 50px; margin-top: 5px; font-size:16px;}



.gatlstP p{ line-height:30px;height:30px;}



.gatlsta{line-height:36px; height:36px; width:100px;margin-top:25px; font-size:14px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.gatDs{background-size:661px;}



.gatDg{ padding-top:36px;}



.gatDgN{width:540px;font-size: 15px; line-height:28px;}



.gatDgI{width:678px;}



.gatDIk{padding:125px 0 60px;}



.gatDID{width:290px; margin-bottom:48px;}



.gatDIc{width:46px; height:46px; border-radius:4px;}



.gatDIN{ width:220px;}



.gatDIN h3{font-size:18px;line-height:26px; margin-bottom: 4px;}



.gatDIN p{ font-size:15px; line-height:26px;}



.gatlstK{padding:90px 0 25px;}



.gatTit{font-size:36px; line-height:70px;}



.gatlst{padding-top:30px;}



.gatlst li{height:430px;margin-bottom:28px;}



.gatlstI{ width:430px;}



.gatlstI img{width:300px;}



.gatlstH{ font-size:26px;padding-right:40px;}



.gatlstH h3{ line-height:74px;height:74px;}



.gatlstH:before{width:100px; height:2px;}



.gatlstF{ font-size:18px;line-height:26px; height:52px; margin-top:8px;}



.gatlstP{ width:100%; padding-right: 40px; margin-top:4px;}



.gatlstP p{ line-height:28px;height:28px;font-size:15px;}



.gatlsta{line-height:34px; height:34px; width:94px;margin-top:22px;font-size:13px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.gatDs{background-size:540px;}



.gatDg{ padding-top:22px;}



.gatDgN{width:490px;font-size: 14px; line-height:25px;}



.gatDgI{width:558px;}



.gatDIk{padding:100px 0 50px;}



.gatDID{width:250px; margin-bottom:40px;}



.gatDIc{width:42px; height:42px; border-radius:4px;}



.gatDIN{ width:190px;}



.gatDIN h3{font-size:16px;line-height:23px; margin-bottom: 4px;}



.gatDIN p{ font-size:14px; line-height:23px;}	



.gatlstK{padding:80px 0 20px;}



.gatTit{font-size:32px; line-height:62px;}



.gatlst{padding-top:25px;}



.gatlst li{height:390px;margin-bottom:24px;}



.gatlstI{ width:390px;}



.gatlstI img{width:260px;}



.gatlstH{ font-size:22px;padding-right:30px;}



.gatlstH h3{ line-height:60px;height:60px;}



.gatlstH:before{width:100px; height:2px;}



.gatlstF{ font-size:16px;line-height:22px; height:44px; margin-top:8px;}



.gatlstP{ width:100%; padding-right: 30px; margin-top:2px;}



.gatlstP p{ line-height:25px;height:25px;font-size:14px;}



.gatlsta{line-height:30px; height:30px; width:90px;margin-top:20px;font-size:12px;}



}



@media only screen and (max-width:1279px){



.gatDs{background-size:440px;}



.gatDg{ padding-top:22px;}



.gatDgN{width:440px;font-size: 12px; line-height:22px;}



.gatDgI{width:528px;}



	



.gatDIk{padding:80px 0 40px;}



.gatDID{width:230px; margin-bottom:30px;}



.gatDIc{width:38px; height:38px; border-radius:4px;}



.gatDIN{ width:176px;}



.gatDIN h3{font-size:15px;line-height:20px; margin-bottom:2px;}



.gatDIN p{ font-size:12px; line-height:20px;}



.gatlstK{padding:70px 0 15px;}



.gatTit{font-size:28px; line-height:40px;}



.gatlst{padding-top:25px;}



.gatlst li{height:340px;margin-bottom:18px;}



.gatlstI{ width:340px;}



.gatlstI img{width:220px;}



.gatlstH{ font-size:20px;padding-right:25px;}



.gatlstH h3{ line-height:54px;height:54px;}



.gatlstH:before{width:80px; height:2px;}



.gatlstF{ font-size:15px;line-height:19px; height:38px; margin-top:8px;}



.gatlstP{ width:100%; padding-right: 25px; margin-top:2px;}



.gatlstP p{ line-height:22px;height:22px;font-size:13px;}



.gatlsta{line-height:28px; height:28px; width:80px;margin-top:18px;font-size:12px;}



}



/*****************



-----公司简介-----



*****************/



.gatBan{ background-position:bottom center; background-size:auto 100%; background-repeat: no-repeat;}



.gatBanK{height:100%; color:#FFF;}



.gatBanH{align-items: baseline;}



.gatBanH span{font-weight:700;display: block;}



.gatBanC img{display: block;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}



.gatBanC:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform: rotateY(360deg);}



.NyQH{background:#f0f0f0;}



.NyQH img{display: block;}



.NyQH p{color:#2c2c2c;}



.NyQH i{width: 0;height: 0;border-style: solid;border-width:4px 4px 0 4px;border-color: #838383 transparent transparent transparent;transition:0.5s;}



.NyQHo i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}



.NyQHN{background:#FFF; box-shadow:0 3px 10px rgba(0,0,0,0.1); position: absolute;right:0;z-index:9; display:none;}



.NyQHNa{display:block;}



.NyQHNI{align-content:center; border:1px solid #e5e5e5;transition:0.5s;overflow: hidden;}



.NyQHNI img{height:90%;}



.NyQHNa p{width:100%; text-align: center;color:#181819;}



.NyQHNa .NyQHNI:hover{ background:#e6f2f8;transition:0.5s;box-shadow:0 0 10px rgba(0,124,194,0.5);}



.NyQHNa:hover p{color:#017cc2}

.gatEcomN{color:#2a2a2a;}



.gatEcomB1{background:#017cc2;}



.gatEcomB2{background:#00b4ff;}



.gatEcomB1:hover{background:#035f93;}



.gatEcomB2:hover{background:#0690c9;}



.gatEcomBa{text-align: center; color:#FFF;display: block;}



.gatEcomI img{width:100%; display: block;}



.gatDus{border-top:1px solid #dcdcdc;}



.gatCol{background:#f7f9fa;}



.gatEckI img{width:100%; display: block;}



.gatEckN{color:#383838;}



.gatChaT img{width:100%; display: block;}



.gatChaN{ background:#FFF;box-shadow:0 5px 10px rgba(0,0,0,0.1);}



.gatChaI img{width:100%; display: block;transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}



.gatChaI:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform: rotate(360deg);}



.gatChaP{ color:#383838; width:100%; text-align: center;}



.gatEtab{ border:1px solid #dcdcdc;}



.gatEtab tr th,.gatEtab tr td{-webkit-box-sizing:border-box;box-sizing:border-box; text-align:left;font-weight:normal;}



.gatEtab tr th{ background:#f8f9fb;color:#2c2c2c;}



.gatEtab tr td{ color:#4a4a4a;border-bottom:1px dashed #e0e0e0;border-left:1px solid #e0e0e0;}



.gatEtab tr:last-child td{border-bottom:none;}



.gatEtab tr td:first-child{/* border-left:none; */}



.gatElexI img{width:100%; display: block;}



.gatETit{width:100%; color:#2c2c2c;}



.gatEdowA{color:#2c2c2c;background:#f8f9fb;}



.gatEdowA p{width:100%;flex:1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; position: relative}



.gatEdowA p:before{background-image: url("/images/icon/gatI02.png");display:block;content:'';position: absolute;top:50%;transform: translate(0,-50%); background-position: center; background-repeat: no-repeat; background-size: 100%; left:0;}



.gatEdowA i{display: block; background-image: url("/images/icon/gatEdowI.png"); background-repeat: no-repeat; background-size:100%; background-position: 0 0;}



.gatEdowA:hover{ background:#0088db; color:#FFF;}



.gatEdowA:hover p:before{background-image: url("/images/icon/gatI01.png");}



@media  screen and ( min-width:1680px){



.gatBan{ height: 403px;}



.gatBanK{padding-top: 140px;}



.gatBanS{width:825px;}



.gatBanH{ font-size:34px;line-height:60px;}



.gatBanH span{ font-size:60px; font-weight:700; line-height:80px;margin-right:10px;}



.gatBanZ{ margin-top: 20px;}



.gatBanC{ margin-right: 28px;}



.gatBanC img{width:42px; margin:0 auto 4px;}



.gatBanC p{ font-size:16px; line-height:24px;}



	



.NyQH{ width:130px; height:32px;}



.NyQH img{width:15px;}



.NyQH p{padding:0 8px;font-size: 16px; line-height:20px;}



.NyQHN{padding:18px 18px 8px;top:66px; width: 805px;}



.NyQHNa{width:190px; margin-left:15px; margin-bottom:10px;}



.NyQHNa:nth-child(4n+1){margin-left:0;}



.NyQHNI{width:190px; height: 124px;}



.NyQHNa p{ font-size:16px;line-height:30px;margin-top: 5px;}	



.gatEcom{ padding:60px 0;}



.gatEcomN{width:700px;}



.gatEcomH{ font-size:48px; line-height:70px; margin-bottom:5px;}



.gatEcomF{font-size:24px; line-height:34px;}



.gatEcomP{ font-size: 16px; line-height:28px; margin-top:70px;}



.gatEcomB{ margin-top: 60px;}



.gatEcomBa{ font-size: 18px;border-radius:4px; width:185px; height: 60px;line-height:60px; margin-right: 15px;}



.gatEcomI{width:590px;}



.gatEck{padding:95px 0;}



.gatEckI{width:490px;}



.gatEckN{ width:868px;}



.gatEckN h3,.datEckN h3{ font-size:30px; line-height:45px; margin-bottom:15px;}



.gatEckN p,.datEckN p{ font-size:16px; line-height:28px;}



.gatCha{padding:60px 0 40px}



.gatChaT{width:1120px; margin:70px auto 90px;}



.gatChaK{}



.gatChaN{width:216px; height:250px; border-radius:8px; padding-top: 32px;}



.gatChaI{width:150px; margin:0 auto 8px;}



.gatChaP{font-size:16px; line-height:22px;}



.gatETitH{ font-size:20px; line-height:26px}



.gatElecs tr td:first-child{width:200px}



.gatElex{padding-top:50px;}



.gatElexK{padding-top:20px;}



.gatEtab{margin-top: 18px;}



.gatEtab tr th,.gatEtab tr td{padding:0 20px;}



.gatEtab tr th{ height: 55px; font-size: 20px;}



.gatEtab tr td{font-size:15px; height:40px; line-height:20px;}



.gatEcp{width:898px;}



.gatElexI{width:470px;}



.gatEdow{padding:70px 0 60px}



.gatETit{ font-size:30px; line-height:46px;}



.gatEdowK{ padding-top: 30px;}



.gatEdowA{ font-size:16px;padding-left:10px;padding-right:30px; height:45px; margin-bottom:4px; border-radius:4px;}



.gatEdowA p{line-height:25px; height:25px; margin-right: 30px; padding-left:18px}



.gatEdowA p:before{width:18px; height:18px;}



.gatEdowA i{ width:18px; height:18px;}



.gatEdowA:hover i{background-position: 0 -18px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.gatBan{ height:350px;}



.gatBanK{padding-top: 120px;}



.gatBanS{width:725px;}



.gatBanH{ font-size:30px;line-height:50px;}



.gatBanH span{ font-size:54px; font-weight:700; line-height:70px;margin-right:10px;}



.gatBanZ{ margin-top:18px;}



.gatBanC{ margin-right: 24px;}



.gatBanC img{width:40px; margin:0 auto 3px;}



.gatBanC p{ font-size:15px; line-height:24px;}	



	



.NyQH{ width:130px; height:32px;}



.NyQH img{width:15px;}



.NyQH p{padding:0 8px;font-size: 15px; line-height:20px;}



.NyQHN{padding:16px 16px 6px;top:60px; width:745px;}



.NyQHNa{width:175px; margin-left:15px; margin-bottom:10px;}



.NyQHNa:nth-child(4n+1){margin-left:0;}



.NyQHNI{width:175px; height: 115px;}



.NyQHNa p{ font-size:15px;line-height:26px;margin-top: 5px;}



	



.gatEcom{ padding:52px 0;}



.gatEcomN{width:650px;}



.gatEcomH{ font-size:44px; line-height:52px; margin-bottom:5px;}



.gatEcomF{font-size:22px; line-height:30px;}



.gatEcomP{ font-size: 15px; line-height:26px; margin-top:60px;}



.gatEcomB{ margin-top:50px;}



.gatEcomBa{ font-size: 17px;border-radius:4px; width:170px; height:55px;line-height:55px; margin-right: 12px;}



.gatEcomI{width:550px;}



.gatEck{padding:80px 0;}



.gatEckI{width:450px;}



.gatEckN{ width:800px;}



.gatEckN h3,.datEckN h3{ font-size:28px; line-height:40px; margin-bottom:12px;}



.gatEckN p,.datEckN p{ font-size:15px; line-height:26px;}	



.gatCha{padding:60px 0 40px}



.gatChaT{width:1000px; margin:60px auto 80px;}



.gatChaK{}



.gatChaN{width:200px; height:230px; border-radius:8px; padding-top:26px;}



.gatChaI{width:136px; margin:0 auto 6px;}



.gatChaP{font-size:15px; line-height:20px;}



.gatETitH{ font-size:18px; line-height:22px}



.gatElecs tr td:first-child{width:175px}



.gatElex{padding-top:42px;}



.gatElexK{padding-top:17px;}



.gatEtab{margin-top: 16px;}



.gatEtab tr th,.gatEtab tr td{padding:0 17px;}



.gatEtab tr th{ height:50px; font-size: 18px;}



.gatEtab tr td{font-size:14px; height:38px; line-height:20px;}



.gatEcp{width:830px;}



.gatElexI{width:420px;}



.gatEdow{padding:60px 0 50px}



.gatETit{ font-size:26px; line-height:40px;}



.gatEdowK{ padding-top:25px;}



.gatEdowA{ font-size:15px;padding-left:8px;padding-right:25px;height:42px; margin-bottom:4px; border-radius:4px;}



.gatEdowA p{line-height:24px; height:24px; margin-right:25px;padding-left:16px}



.gatEdowA p:before{width:16px; height:16px;}



.gatEdowA i{ width:16px; height:16px;}



.gatEdowA:hover i{background-position: 0 -16px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.gatBan{ height:300px;}



.gatBanK{padding-top: 100px;}



.gatBanS{width:635px;}



.gatBanH{ font-size:24px;line-height:50px;}



.gatBanH span{ font-size:46px; font-weight:700; line-height:70px;margin-right:8px;}



.gatBanZ{ margin-top:16px;}



.gatBanC{ margin-right: 22px;}



.gatBanC img{width:38px; margin:0 auto 3px;}



.gatBanC p{ font-size:14px; line-height:22px;}	



.NyQH{ width:120px; height:30px;}



.NyQH img{width:15px;}



.NyQH p{padding:0 7px;font-size: 14px; line-height:20px;}



.NyQHN{padding:15px 15px 5px;top:55px; width:670px;}



.NyQHNa{width:160px; margin-left:10px; margin-bottom:10px;}



.NyQHNa:nth-child(4n+1){margin-left:0;}



.NyQHNI{width:160px; height: 100px;}



.NyQHNa p{ font-size:14px;line-height:22px;margin-top: 5px;}



	



.gatEcom{ padding:44px 0;}



.gatEcomN{width:580px;}



.gatEcomH{ font-size:40px; line-height:48px; margin-bottom:5px;}



.gatEcomF{font-size:20px; line-height:24px;}



.gatEcomP{ font-size: 14px; line-height:24px; margin-top:50px;}



.gatEcomB{ margin-top:40px;}



.gatEcomBa{ font-size: 16px;border-radius:4px; width:155px; height:50px;line-height:50px; margin-right: 10px;}



.gatEcomI{width:480px;}



.gatEck{padding:65px 0;}



.gatEckI{width:410px;}



.gatEckN{ width:660px;}



.gatEckN h3,.datEckN h3{ font-size:25px; line-height:34px; margin-bottom:12px;}



.gatEckN p,.datEckN p{ font-size:14px; line-height:24px;}



.gatCha{padding:50px 0 30px}



.gatChaT{width:900px; margin:50px auto 70px;}



.gatChaK{}



.gatChaN{width:180px; height:200px; border-radius:8px; padding-top:22px;}



.gatChaI{width:116px; margin:0 auto 4px;}



.gatChaP{font-size:14px; line-height:18px;}	



.gatETitH{ font-size:17px; line-height:20px}



.gatElecs tr td:first-child{width:160px}



.gatElex{padding-top:36px;}



.gatElexK{padding-top:14px;}



.gatEtab{margin-top: 13px;}



.gatEtab tr th,.gatEtab tr td{padding:0 14px;}



.gatEtab tr th{ height:45px; font-size: 17px;}



.gatEtab tr td{font-size:13px; padding-top:8px; padding-bottom:8px; line-height:20px;}



.gatEcp{width:735px;}



.gatEcp tr td:first-child{width:120px;}



.gatElexI{width:330px;}	



.gatEdow{padding:52px 0 40px}



.gatETit{ font-size:22px; line-height:32px;}



.gatEdowK{ padding-top:20px;}



.gatEdowA{ font-size:14px;padding-left:6px;padding-right:20px;height:40px; margin-bottom:4px; border-radius:4px;}



.gatEdowA p{line-height:24px; height:24px; margin-right:25px; padding-left:14px}



.gatEdowA p:before{width:14px; height:14px;}



.gatEdowA i{ width:16px; height:16px;}



.gatEdowA:hover i{background-position: 0 -16px;}



}



@media only screen and (max-width:1279px){



.gatBan{ height:250px;}



.gatBanK{padding-top:85px;}



.gatBanS{width:550px;}



.gatBanH{ font-size:20px;line-height:40px;}



.gatBanH span{ font-size:38px; font-weight:700; line-height:60px;margin-right:8px;}



.gatBanZ{ margin-top:14px;}



.gatBanC{ margin-right: 22px;}



.gatBanC img{width:35px; margin:0 auto 3px;}



.gatBanC p{ font-size:13px; line-height:20px;}	



	



.NyQH{ width:120px; height:30px;}



.NyQH img{width:15px;}



.NyQH p{padding:0 7px;font-size: 13px; line-height:20px;}



.NyQHN{padding:15px 15px 5px;top:55px; width:650px;}



.NyQHNa{width:155px; margin-left:10px; margin-bottom:10px;}



.NyQHNa:nth-child(4n+1){margin-left:0;}



.NyQHNI{width:155px; height: 100px;}



.NyQHNa p{ font-size:13px;line-height:22px;margin-top: 5px;}



	



.gatEcom{ padding:36px 0;}



.gatEcomN{width:520px;}



.gatEcomH{ font-size:35px; line-height:42px; margin-bottom:4px;}



.gatEcomF{font-size:18px; line-height:22px;}



.gatEcomP{ font-size: 13px; line-height:22px; margin-top:42px;}



.gatEcomB{ margin-top:32px;}



.gatEcomBa{ font-size: 15px;border-radius:4px; width:140px; height:45px;line-height:45px; margin-right: 10px;}



.gatEcomI{width:430px;}



.gatEck{padding:50px 0;}



.gatEckI{width:380px;}



.gatEckN{ width:600px;}



.gatEckN h3,.datEckN h3{ font-size:22px; line-height:30px; margin-bottom:10px;}



.gatEckN p,.datEckN p{ font-size:13px; line-height:22px;}



.gatCha{padding:50px 0 30px}



.gatChaT{width:900px; margin:50px auto 70px;}



.gatChaK{}



.gatChaN{width:180px; height:200px; border-radius:8px; padding-top:22px;}



.gatChaI{width:116px; margin:0 auto 4px;}



.gatChaP{font-size:14px; line-height:18px;}



.gatETitH{ font-size:16px; line-height:18px}



.gatElecs tr td:first-child{width:140px}



.gatElex{padding-top:30px;}



.gatElexK{padding-top:10px;}



.gatEtab{margin-top: 10px;}



.gatEtab tr th,.gatEtab tr td{padding:0 10px;}



.gatEtab tr th{ height:40px; font-size: 16px;}



.gatEtab tr td{font-size:12px; padding-top:8px; padding-bottom:8px; line-height:18px;}



.gatEcp{width:680px;}



.gatEcp tr td:first-child{width:100px;}



.gatElexI{width:300px;}



.gatEdow{padding:52px 0 40px}



.gatETit{ font-size:20px; line-height:28px;}



.gatEdowK{ padding-top:15px;}



.gatEdowA{ font-size:13px;padding-left:6px;padding-right:15px;height:38px; margin-bottom:3px; border-radius:3px;}



.gatEdowA p{line-height:22px; height:22px; margin-right:20px; padding-left:14px;}



.gatEdowA p:before{width:14px; height:14px;}



.gatEdowA i{ width:16px; height:16px;}



.gatEdowA:hover i{background-position: 0 -16px;}



}







/*****************



-----设备数据-----



*****************/



.batBan{ background-position:bottom center; background-size:auto 100%; background-repeat: no-repeat;}



.datcomP{color:#2a2a2a;}



.datcomF{color:#2a2a2a;}



.datcomF p{ position: relative;}



.datcomF p:before{display:block;content:'';position: absolute;background:#017cc2;transform: translate(0,-50%);left:0;top:50%;}



.gatEcomBa img{display: block}



.datcomI img{width:100%; display: block;}



.datDus{}



.datEckI img{width:100%; display: block;}



.datTit{text-align: center;}



.datTit h3{color:#2a2a2a; font-weight:700;}



.datTit i{height:0; display: block;position:relative;border-top:1px dotted#000;}



.datTit i:before,.datTit i:after{display:block;content:'';position: absolute;top:50%;transform: translate(0,-50%);background:#FFF;border-radius: 50%;border:1px solid #017cc2;}



.datTit p{ color:#4d4d4d;}



.datGnN{background:#f6f6f6;color:#2c2c2c;}



.datGnI{background-position: 0 0; background-repeat: no-repeat; background-size: 100%; margin:0 auto;}



.datGnI1{background-image: url("/images/pic/datGnI01.png"); }



.datGnI2{background-image: url("/images/pic/datGnI02.png"); }



.datGnI3{background-image: url("/images/pic/datGnI03.png"); }



.datGnI4{background-image: url("/images/pic/datGnI04.png"); }



.datGnI5{background-image: url("/images/pic/datGnI05.png"); }



.datGnS h3{width:100%; text-align: center;}



.datGnz{width:100%;}



.datGnz p{ position:relative;}



.datGnz p:before{display:block;content:'';position: absolute;background:#1765b7;transform: translate(0,-50%);top:50%;}



.datGnN:hover{ background:#1765b7; box-shadow:0 0 20px rgba(23,101,183,0.7);color:#FFF;}



.datGnN:hover  p:before{background:#FFF;}



.datAdvK{background-position:center; background-size:auto 100%; background-repeat: no-repeat; background-image: url("/images/pic/datAdvB.png");}



.datAdvZ{transition:0.5s;}



.datAdvI{border-radius:50%; background-color:#017cc2;background-position: 0 0; background-repeat: no-repeat; background-size:100%; position: relative;}



.datAdvI:before{display:block;content:'';position: absolute; width:100%; height: 100%; border-radius: 50%; border:1px solid #017cc2;transform: translate(-50%,-50%);left:50%;top:50%;}



.datAdvI1{ background-image: url("/images/pic/datAdvI01.png");}



.datAdvI2{ background-image: url("/images/pic/datAdvI02.png");}



.datAdvI3{ background-image: url("/images/pic/datAdvI03.png");}



.datAdvI4{ background-image: url("/images/pic/datAdvI04.png");}



.datAdvP{flex:1; width: 100%;color:#2a2a2a;}



.datAdvZ:hover{width:100%;transition:0.5s;background:#017cc2;}



.datAdvZ:hover .datAdvI{ background-color:#FFF;}



.datAdvZ:hover .datAdvI:before{border:1px solid #FFF;}



.datAdvZ:hover .datAdvP{color:#FFF}



.datcooK{background-image: url("/images/pic/datcooB.png"); background-position: top center;background-repeat: no-repeat;}



.datcooN{background:#f2f8ff; border:1px solid #f2f8ff; text-align: center;}



.datcooI{border-radius:50%; background:#017cc2; margin:0 auto}



.datcooI img{width:100%; display: block;}



.datcooP{ color:#2a2a2a;}



.datcooN:hover{border:1px solid #0088db; box-shadow:0 0 15px rgba(0,136,219,0.5)}



.gatcasI{overflow: hidden; position: relative;}



.gatcasI img{width:100%;}



.gatcasF{ background-color:rgba(0,111,190,0.55); width:100%; height:100%;color:#FFF;align-content:center; left:0;top:100%; position: absolute;transition:0.5s;align-content:space-between}



.gatcasF p{width:100%;}



.gatcasI:hover .gatcasF{transition:0.5s;top:0;}



.gatcasZ{ color:#1d1d1d;width:100%; text-align: center;}











@media  screen and ( min-width:1680px){



.batBan{ height: 696px;}



.datcomP{ font-size:18px;line-height:32px; margin:25px 0 30px;}



.datcomF{width:420px;}



.datcomF p{ font-size:16px; padding-left: 15px; width: 140px;line-height:28px;}



.datcomF p:before{width: 6px; height: 6px;}



.gatEcomBa img{width:31px;margin-right: 5px;}



.datcomI{width:644px;}



.datDus{}



.datEck{ padding:50px 0;}



.datEckI{width:750px;}



.datEckN{width:645px; padding-left:45px; padding-right: 25px;}



.datGn{ padding:120px 0 80px;}



.datTit h3{ font-size:40px; line-height:54px;}



.datTit i{ width:230px; margin:15px auto;}



.datTit i:before,.datTit i:after{width:6px; height:6px;}



.datTit i:before{left:-3px;}



.datTit i:after{right:-3px;}



.datTit p{ font-size:14px; line-height:20px;}



.datGnK{padding-top:120px;}



.datGnN{width:262px; height:415px;border-radius:7px; padding-top: 70px;}



.datGnI{width:90px;height: 90px;}



.datGnS{padding-top:34px;}



.datGnS h3{ font-size:28px; line-height:36px;}



.datGnP{ margin-top:20px;}



.datGnz{ font-size:16px;width:100%;}



.datGnz p{line-height:28px;}



.datGnz p:before{width: 4px; height:4px;left:-15px;}



.datGnN:hover .datGnI{background-position: 0 -90px;}



.datAdv{padding-bottom:100px;}



.datAdvK{height: 1039px;margin-top:85px;}



.datAdvN{padding-top:50px; padding-left: 500px;}



.datAdvZ{width:690px; padding-left:50px; padding-right: 12px; height: 175px; margin-bottom:20px;border-bottom-right-radius:35px;}



.datAdvI{width:106px; height:106px;}



.datAdvI:before{padding:13px;}



.datAdvP{margin-left: 60px;}



.datAdvP h3{ font-size:30px; line-height:40px; margin-bottom:10px;}



.datAdvP p{ font-size:16px; line-height:25px;}



.datAdvZ:hover{padding-right:25px;}



.datAdvZ:hover .datAdvI{background-position: 0 -106px;}



	



.datcoo{padding-bottom:110px;}



.datcooK{padding-top:70px;background-size: auto 144px;}



.datcooN{padding:55px 55px 0; width:364px; height: 380px; border-radius:12px;}



.datcooI{width:102px; height:102px;}



.datcooP{padding-top:25px;}



.datcooP h3{ font-size:30px; line-height:40px;}



.datcooP p{ font-size:20px; line-height:24px; margin-top: 20px;}



.datcooN1{margin-top:36px;}



.datcooN2{margin-top:140px;}



	



.gatcas{ padding-bottom: 100px;}



.gatcasK{padding-top:80px;}



.gatcasN{width:451px}



.gatcasI{width:451px; height: 329px; border-radius:8px; }



.gatcasF{padding:35px 8%;}



.gatcasF p{line-height:25px; font-size: 16px;}



.gatcasI:hover .gatcasF{transition:0.5s;top:0;}



.gatcasZ{font-size:16px; line-height:26px; margin-top: 10px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.batBan{ height: 596px;}



.datcomP{ font-size:17px;line-height:30px; margin:20px 0 25px;}



.datcomF{width:405px;}



.datcomF p{ font-size:15px; padding-left: 15px; width: 135px;line-height:28px;}



.datcomF p:before{width: 6px; height: 6px;}



.gatEcomBa img{width:29px;margin-right: 5px;}



.datcomI{width:560px;}



.datDus{}



.datEck{ padding:45px 0;}



.datEckI{width:700px;}



.datEckN{width:580px; padding-left:40px; padding-right: 20px;}



.datGn{ padding:100px 0 70px;}



.datTit h3{ font-size:35px; line-height:48px;}



.datTit i{ width:210px; margin:12px auto;}



.datTit i:before,.datTit i:after{width:6px; height:6px;}



.datTit i:before{left:-3px;}



.datTit i:after{right:-3px;}



.datTit p{ font-size:13px; line-height:20px;}



.datGnK{padding-top:100px;}



.datGnN{width:240px; height:370px;border-radius:7px; padding-top:60px;}



.datGnI{width:82px;height: 82px;}



.datGnS{padding-top:30px;}



.datGnS h3{ font-size:24px; line-height:30px;}



.datGnP{ margin-top:18px;}



.datGnz{ font-size:15px;width:100%;}



.datGnz p{line-height:26px;}



.datGnz p:before{width: 4px; height:4px;left:-15px;}



.datGnN:hover .datGnI{background-position: 0 -82px;}



.datAdv{padding-bottom:80px;}



.datAdvK{height:900px;margin-top:80px;}



.datAdvN{padding-top:50px; padding-left:480px;}



.datAdvZ{width:650px; padding-left:45px; padding-right: 12px; height: 160px; margin-bottom:18px;border-bottom-right-radius:35px;}



.datAdvI{width:95px; height:95px;}



.datAdvI:before{padding:11px;}



.datAdvP{margin-left:50px;}



.datAdvP h3{ font-size:28px; line-height:35px; margin-bottom:10px;}



.datAdvP p{ font-size:15px; line-height:23px;}



.datAdvZ:hover{padding-right:25px;}



.datAdvZ:hover .datAdvI{background-position: 0 -95px;}



	



.datcoo{padding-bottom:90px;}



.datcooK{padding-top:62px;background-size: auto 120px;}



.datcooN{padding:46px 46px 0; width:310px; height: 330px; border-radius:12px;}



.datcooI{width:94px; height:94px;}



.datcooP{padding-top:20px;}



.datcooP h3{ font-size:26px; line-height:35px;}



.datcooP p{ font-size:18px; line-height:22px; margin-top:16px;}



.datcooN1{margin-top:30px;}



.datcooN2{margin-top:120px;}



	



.gatcas{ padding-bottom:80px;}



.gatcasK{padding-top:70px;}



.gatcasN{width:415px}



.gatcasI{width:100%; height: 302px; border-radius:8px; }



.gatcasF{padding:35px 8%;}



.gatcasF p{line-height:25px; font-size: 15px;}



.gatcasI:hover .gatcasF{transition:0.5s;top:0;}



.gatcasZ{font-size:15px; line-height:26px; margin-top: 10px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.batBan{ height:480px;}



.datcomP{ font-size:15px;line-height:28px; margin:15px 0 20px;}



.datcomF{width:390px;}



.datcomF p{ font-size:13px; padding-left: 12px; width: 130px;line-height:26px;}



.datcomF p:before{width:4px; height: 4px;}



.gatEcomBa img{width:26px;margin-right:5px;}



.datcomI{width:480px;}



.datDus{}



.datEck{ padding:40px 0;}



.datEckI{width:600px;}



.datEckN{width:480px; padding-left:35px; padding-right: 15px;}



.datGn{ padding:90px 0 55px;}



.datTit h3{ font-size:30px; line-height:42px;}



.datTit i{ width:190px; margin:8px auto;}



.datTit i:before,.datTit i:after{width:6px; height:6px;}



.datTit i:before{left:-3px;}



.datTit i:after{right:-3px;}



.datTit p{ font-size:12px; line-height:20px;}



.datGnK{padding-top:80px;}



.datGnN{width:202px; height:310px;border-radius:7px; padding-top:50px;}



.datGnI{width:74px;height: 74px;}



.datGnS{padding-top:20px;}



.datGnS h3{ font-size:20px; line-height:26px;}



.datGnP{ margin-top:16px;}



.datGnz{ font-size:14px;width:100%;}



.datGnz p{line-height:24px;}



.datGnz p:before{width: 4px; height:4px;left:-12px;}



.datGnN:hover .datGnI{background-position: 0 -74px;}	



.datAdv{padding-bottom:60px;}



.datAdvK{height:790px;margin-top:70px;}



.datAdvN{padding-top:50px; padding-left:450px;}



.datAdvZ{width:550px; padding-left:40px; padding-right: 12px; height: 145px; margin-bottom:15px;border-bottom-right-radius:30px;}



.datAdvI{width:80px; height:80px;}



.datAdvI:before{padding:9px;}



.datAdvP{margin-left:40px;}



.datAdvP h3{ font-size:22px; line-height:30px; margin-bottom:10px;}



.datAdvP p{ font-size:14px; line-height:21px;}



.datAdvZ:hover{padding-right:25px;}



.datAdvZ:hover .datAdvI{background-position: 0 -80px;}



.datcoo{padding-bottom:80px;}



.datcooK{padding-top:54px;background-size: auto 100px;}



.datcooN{padding:40px 35px 0; width:270px; height: 300px; border-radius:12px;}



.datcooI{width:86px; height:86px;}



.datcooP{padding-top:20px;}



.datcooP h3{ font-size:22px; line-height:30px;}



.datcooP p{ font-size:16px; line-height:20px; margin-top:16px;}



.datcooN1{margin-top:30px;}



.datcooN2{margin-top:120px;}



	



.gatcas{ padding-bottom:70px;}



.gatcasK{padding-top:60px;}



.gatcasN{width:350px}



.gatcasI{width:100%; height:255px; border-radius:7px; }



.gatcasF{padding:35px 8%;}



.gatcasF p{line-height:25px; font-size: 14px;}



.gatcasI:hover .gatcasF{transition:0.5s;top:0;}



.gatcasZ{font-size:14px; line-height:26px; margin-top: 10px;}



}



@media only screen and (max-width:1279px){



.batBan{ height:460px;}



.datcomP{ font-size:14px;line-height:25px; margin:15px 0 20px;}



.datcomF{width:360px;}



.datcomF p{ font-size:12px; padding-left: 12px; width: 120px;line-height:24px;}



.datcomF p:before{width:4px; height: 4px;}



.gatEcomBa img{width:24px;margin-right:5px;}



.datcomI{width:440px;}



.datDus{}



.datEck{ padding:40px 0;}



.datEckI{width:530px;}



.datEckN{width:470px; padding-left:35px; padding-right: 15px;}



.datGn{ padding:70px 0 40px;}



.datTit h3{ font-size:26px; line-height:36px;}



.datTit i{ width:170px; margin:6px auto;}



.datTit i:before,.datTit i:after{width:6px; height:6px;}



.datTit i:before{left:-3px;}



.datTit i:after{right:-3px;}



.datTit p{ font-size:12px; line-height:20px;}



.datGnK{padding-top:80px;}



.datGnN{width:186px; height:260px;border-radius:7px; padding-top:35px;}



.datGnI{width:66px;height: 66px;}



.datGnS{padding-top:10px;}



.datGnS h3{ font-size:18px; line-height:22px;}



.datGnP{ margin-top:14px;}



.datGnz{ font-size:13px;width:100%;}



.datGnz p{line-height:22px;}



.datGnz p:before{width: 4px; height:4px;left:-12px;}



.datGnN:hover .datGnI{background-position: 0 -66px;}



.datAdv{padding-bottom:40px;}



.datAdvK{height:700px;margin-top:50px;}



.datAdvN{padding-top:40px; padding-left:420px;}



.datAdvZ{width:500px; padding-left:40px; padding-right: 12px; height: 130px; margin-bottom:10px;border-bottom-right-radius:30px;}



.datAdvI{width:70px; height:70px;}



.datAdvI:before{padding:7px;}



.datAdvP{margin-left:32px;}



.datAdvP h3{ font-size:20px; line-height:26px; margin-bottom:10px;}



.datAdvP p{ font-size:14px; line-height:19px;}



.datAdvZ:hover{padding-right:20px;}



.datAdvZ:hover .datAdvI{background-position: 0 -70px;}



.datcoo{padding-bottom:60px;}



.datcooK{padding-top:50px;background-size: auto 90px;}



.datcooN{padding:34px 28px 0; width:250px; height:270px; border-radius:12px;}



.datcooI{width:74px; height:74px;}



.datcooP{padding-top:20px;}



.datcooP h3{ font-size:18px; line-height:30px;}



.datcooP p{ font-size:14px; line-height:20px; margin-top:16px;}



.datcooN1{margin-top:30px;}



.datcooN2{margin-top:120px;}



.gatcas{ padding-bottom:60px;}



.gatcasK{padding-top:50px;}



.gatcasN{width:322px}



.gatcasI{width:100%; height:234px; border-radius:7px; }



.gatcasF{padding:35px 8%;}



.gatcasF p{line-height:22px; font-size: 13px;}



.gatcasI:hover .gatcasF{transition:0.5s;top:0;}



.gatcasZ{font-size:13px; line-height:26px; margin-top: 10px;}



}



/*****************



-----公司简介-----



*****************/



.soBBanK{align-content:center; color:#FFF; height: 100%;}



.soBBanP p{position: relative;}



.soBBanP p:before{display:block;content:'';position: absolute; width: 4px; height: 4px; background:#FFF;transform: translate(0,-50%);left:0;top:50%;}



.solQHF .NyQHNI img{height:100%; width: 100%;}



.sobcom{}



.sobcomN{ color:#181819;}



.sobsolK{background-image:url("/images/znot/sobsolT.png"); background-position: right center; background-repeat: no-repeat; background-size: auto 100%;}



.sobsolN{color:#484848;box-shadow:0 0 15px rgba(0,0,0,0.1); background:#FFF;align-content:center}



.sobsolI{text-align: center; color:#262626;}



.sobsolI img{ margin:0 auto;}



.sobben{background:linear-gradient(to bottom ,#e6edf4,#FFF)}



.sobbenK{background:#FFF;}



.sobbenN img{display: block;}



.sobbenC{ color:#484848;}



.sobcasA{overflow: hidden; position: relative;}



.sobcasA img{width:100%; display: block;}



.sobcasP{ position: absolute;width:100%; height:100%;align-content:center; background:rgba(0,0,0,0.4);top:0;left:0;}



.sobcasP p{color:#FFF;}



.sobRelA{ background:#dce8f6; display: block;position: relative; overflow: hidden}



.sobRelA img{margin:0 auto;}



.sobRelA p{width:100%;color:#282828; text-align: center;}



.sobRelN{background-color:rgba(8,158,212,0.7); width:100%; height:100%;color:#FFF;align-content:center; left:0;top:100%; position: absolute;transition:0.5s; padding:25px 25px 0;}



.sobRelP{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;}



.sobRelB{ color:#007fda;text-align: center; background:#FFF;border-radius:4px;}



.sobRelA:hover .sobRelN{transition:0.5s;top:0;}



.sobRelC{ position: relative;}





@media  screen and ( min-width:1680px){



.soBBanN{width: 700px;}



.soBBanH{ font-size:48px; line-height:68px;}



.soBBanF{ font-size:26px; line-height:40px; margin:5px 0 35px;}



.soBBanP{ width: 460px;}



.soBBanP p{ width: 185px; padding-left:20px; font-size:18px; line-height:30px; }



	



.sobcom{}



.sobcomN{font-size:20px; line-height:38px; padding:60px 0;}







.sobsol{padding-top:70px;}



.sobsolK{margin-top:90px;height:825px;padding-top: 159px;}



.sobsolN{ font-size:22px;padding:0 60px; line-height: 42px; width:826px; height: 444px; border-radius:20px; }



.sobsolF{width:700px; margin-top: 80px;}



.sobsolI{width:135px;}



.sobsolI img{width:50px;}



.sobsolI p{ font-size:18px; line-height:24px;}







.sobSch{padding:100px 0 80px}



.sobSchK{padding-top:80px;}







.sobben{padding:70px 0 80px;}



.sobbenK{border-radius:20px; padding:30px 60px; margin-top: 60px;}



.sobbenN{width:600px; height: 176px; padding-top: 30px;}



.sobbenN img{width:80px; margin-right: 10px;}



.sobbenC{width:340px;}



.sobbenC h3{ font-size: 26px; line-height:34px; margin-bottom:10px;}



.sobbenC p{ font-size:18px; line-height:25px;}







.sobcas{}



.sobcasK{ padding:80px 0 100px;}



.sobcasA{width:270px; height: 180px; margin-bottom:12px;}



.sobcasP p{ font-size:24px;line-height:30px}







.sobRelK{padding:55px 0;}



.sobnext1,.sobprev1{top:45%;}	

.sobRelA{width:336px; height:318px;padding-top:25px;margin:0 auto;}

.sobRelA img{width:220px;}

.sobRelA p{font-size:20px; line-height:30px; margin-top:20px;}

.sobRelN{padding:25px 25px 0;}

.sobRelP{ font-size:16px; line-height:28px;height:168px;}

.sobRelB{font-size:14px;width:100px; line-height:40px; border-radius:4px; margin:20px auto 0;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.soBBanN{width:640px;}



.soBBanH{ font-size:42px; line-height:60px;}



.soBBanF{ font-size:23px; line-height:35px; margin:5px 0 28px;}



.soBBanP{ width: 420px;}



.soBBanP p{ width: 165px; padding-left:20px; font-size:15px; line-height:28px; }



	



.sobcom{}



.sobcomN{font-size:18px; line-height:35px; padding:55px 0;}



.sobsol{padding-top:60px;}



.sobsolK{margin-top:80px;height:740px;padding-top: 135px;}



.sobsolN{ font-size:20px;padding:0 50px; line-height:38px; width:745px; height:410px; border-radius:18px; }



.sobsolF{width:640px; margin-top: 80px;}



.sobsolI{width:125px;}



.sobsolI img{width:50px;}



.sobsolI p{ font-size:16px; line-height:20px;}



.sobSch{padding:85px 0 70px}



.sobSchK{padding-top:70px;}



.sobben{padding:60px 0 70px;}



.sobbenK{border-radius:18px; padding:25px 50px; margin-top:50px;}



.sobbenN{width:500px; height: 160px; padding-top:25px;}



.sobbenN img{width:70px; margin-right: 10px;}



.sobbenC{width:320px;}



.sobbenC h3{ font-size: 22px; line-height:30px; margin-bottom:10px;}



.sobbenC p{ font-size:16px; line-height:22px;}



.sobcas{}



.sobcasK{ padding:70px 0 85px;}



.sobcasA{width:250px; height: 167px; margin-bottom:10px;}



.sobcasP p{ font-size:22px;line-height:30px}



.sobRelK{padding:50px 0;}



.sobnext1,.sobprev1{top:45%;}



.sobRelA{width:310px; height:290px;padding-top:20px;margin:0 auto;}

.sobRelA img{width:200px;}

.sobRelA p{font-size:18px; line-height:28px; margin-top:18px;}

.sobRelN{padding:25px 25px 0;}

.sobRelP{ font-size:15px; line-height:26px;height:156px;}

.sobRelB{font-size:14px;width:100px; line-height:40px; border-radius:4px; margin:20px auto 0;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.soBBanN{width:540px;}



.soBBanH{ font-size:38px; line-height:46px;}



.soBBanF{ font-size:20px; line-height:30px; margin:5px 0 22px;}



.soBBanP{ width: 420px;}



.soBBanP p{ width: 155px; padding-left:18px; font-size:15px; line-height:26px; }



		



.sobcom{}



.sobcomN{font-size:16px; line-height:30px; padding:50px 0;}







.sobsol{padding-top:50px;}



.sobsolK{margin-top:65px;height:620px;padding-top: 110px;}



.sobsolN{ font-size:17px;padding:0 46px; line-height:32px; width:680px; height:320px; border-radius:15px; }



.sobsolF{width:540px; margin-top:70px;}



.sobsolI{width:110px;}



.sobsolI img{width:40px;}



.sobsolI p{ font-size:15px; line-height:20px;}







.sobSch{padding:70px 0 55px}



.sobSchK{padding-top:55px;}







.sobben{padding:60px 0 70px;}



.sobbenK{border-radius:16px; padding:20px 40px; margin-top:40px;}



.sobbenN{width:440px; height: 135px; padding-top:20px;}



.sobbenN img{width:60px; margin-right:8px;}



.sobbenC{width:290px;}



.sobbenC h3{ font-size: 20px; line-height:28px; margin-bottom:8px;}



.sobbenC p{ font-size:15px; line-height:20px;}







.sobcas{}



.sobcasK{ padding:55px 0 70px;}



.sobcasA{width:210px; height: 140px; margin-bottom:9px;}



.sobcasP p{ font-size:20px;line-height:24px}







.sobRelK{padding:45px 0;}



.sobnext1,.sobprev1{top:45%;}



.sobRelA{width:255px; height:240px;padding-top:15px; margin:0 auto;}

.sobRelA img{width:160px;}

.sobRelA p{font-size:16px; line-height:25px; margin-top:18px;}

.sobRelN{padding:25px 25px 0;}

.sobRelP{ font-size:14px; line-height:24px;height:144px;}

.sobRelB{font-size:13px;width:100px; line-height:34px; border-radius:4px; margin:20px auto 0;}



}



@media only screen and (max-width:1279px){



.soBBanN{width:500px;}



.soBBanH{ font-size:32px; line-height:40px;}



.soBBanF{ font-size:18px; line-height:26px; margin:4px 0 18px;}



.soBBanP{ width:380px;}



.soBBanP p{ width: 120px; padding-left:16px; font-size:13px; line-height:24px;}



	



.sobcom{}



.sobcomN{font-size:14px; line-height:26px; padding:40px 0;}







.sobsol{padding-top:40px;}



.sobsolK{margin-top:50px;height:540px;padding-top: 100px;}



.sobsolN{ font-size:16px;padding:0 40px; line-height:28px; width:650px; height:280px; border-radius:15px; }



.sobsolF{width:500px; margin-top:70px;}



.sobsolI{width:100px;}



.sobsolI img{width:35px;}



.sobsolI p{ font-size:14px; line-height:20px;}







.sobSch{padding:60px 0 45px}



.sobSchK{padding-top:55px;}







.sobben{padding:50px 0 60px;}



.sobbenK{border-radius:16px; padding:20px 40px; margin-top:40px;}



.sobbenN{width:420px; height: 125px; padding-top:20px;}



.sobbenN img{width:54px; margin-right:8px;}



.sobbenC{width:260px;}



.sobbenC h3{ font-size:18px; line-height:26px; margin-bottom:8px;}



.sobbenC p{ font-size:14px; line-height:20px;}







.sobcas{}



.sobcasK{ padding:40px 0 60px;}



.sobcasA{width:195px; height: 130px; margin-bottom:8px;}



.sobcasP p{ font-size:18px;line-height:20px}







.sobRelK{padding:40px 0;}



.sobnext1,.sobprev1{top:45%;}



.sobRelA{width:240px; height:230px;padding-top:10px; margin:0 auto;}

.sobRelA img{width:150px;}

.sobRelA p{font-size:15px; line-height:25px; margin-top:18px;}

.sobRelN{padding:25px 25px 0;}

.sobRelP{ font-size:13px; line-height:22px;height:132px;}

.sobRelB{font-size:12px;width:100px; line-height:34px; border-radius:4px; margin:20px auto 0;}



}







/*****************



-----新闻中心-----



*****************/



.bsBan{background-position:center; background-repeat: no-repeat; background-size: auto 100%;}



.bsBanK{height:100%;align-content:center; color:#FFF;}



.bsBanK h2,.bsBanK p{width:100%;}



.newDu{}



.newDu li{position: relative;}



.newDa{width:100%;position:relative;z-index:2; color:#414141;}



.newDa:before{display:block;content:'';position: absolute;height:100%; width:100%;background:#FFF; z-index:-1; transform: translate(-50%,-50%);left:50%;top:50%;}



.newDaI{overflow: hidden;}



.newDaI img{width:100%; display: block;}



.newDaH h3{ color:#181819;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;}



.newDaH span{ display: block;}



.newDaP{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}



.newDaSI{ font-size: 12px; border:1px solid #e5e5e5;text-align: center;}



.newDa:hover:before{box-shadow:0 0 18px rgba(0,0,0,0.1);}



.newDa:hover,.newDa:hover .newDaH h3{ color:#017cc2;}



.newDa:hover .newDaSI{border:1px solid #017cc2;}



@media  screen and ( min-width:1680px){



.bsBan{height:186px;}



.bsBanK h2{ font-size:42px; line-height:60px;}



.bsBanK p{ font-size:28px; line-height:36px;}



.newDd{ padding-top: 30px;}



.newDu{}



.newDu li{ margin-bottom:30px;}



.newDa{padding:20px 0;}



.newDa:before{padding:0 25px;}



.newDaI{width:294px; height:188px;}



.newDaN{ width:1040px;}



.newDaH{ margin-bottom:26px;}



.newDaH h3{font-size: 20px;line-height:30px; height: 30px;}



.newDaH span{font-size:14px; line-height:26px; height: 26px; margin-top:3px;}



.newDaP{ font-size:14px; line-height:25px; height: 50px;}



.newDaS{ margin-top: 18px;}



.newDaSI{border-radius:3px; margin-right:20px; width:66px;  height:25px; line-height:25px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.bsBan{height:166px;}



.bsBanK h2{ font-size:38px; line-height:50px;}



.bsBanK p{ font-size:24px; line-height:30px;}



.newDd{ padding-top:26px;}



.newDu{}



.newDu li{ margin-bottom:26px;}



.newDa{padding:18px 0;}



.newDa:before{padding:0 22px;}



.newDaI{width:280px; height:179px;}



.newDaN{ width:940px;}



.newDaH{ margin-bottom:22px;}



.newDaH h3{font-size:19px;line-height:28px; height: 28px;}



.newDaH span{font-size:14px; line-height:24px; height: 24px; margin-top:3px;}



.newDaP{ font-size:14px; line-height:24px; height:48px;}



.newDaS{ margin-top: 15px;}



.newDaSI{border-radius:3px; margin-right:20px; width:66px;  height:25px; line-height:25px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.bsBan{height:140px;}



.bsBanK h2{ font-size:32px; line-height:44px;}



.bsBanK p{ font-size:20px; line-height:24px;}	



.newDd{ padding-top:22px;}



.newDu{}



.newDu li{ margin-bottom:22px;}



.newDa{padding:15px 0;}



.newDa:before{padding:0 19px;}



.newDaI{width:260px; height:166px;}



.newDaN{ width:780px;}



.newDaH{ margin-bottom:19px;}



.newDaH h3{font-size:17px;line-height:26px; height: 26px;}



.newDaH span{font-size:13px; line-height:22px; height: 22px; margin-top:3px;}



.newDaP{ font-size:13px; line-height:22px; height:44px;}



.newDaS{ margin-top: 13px;}



.newDaSI{border-radius:3px; margin-right:16px; width:66px;  height:25px; line-height:25px;}



}



@media only screen and (max-width:1279px){



.bsBan{height:130px;}



.bsBanK h2{ font-size:28px; line-height:40px;}



.bsBanK p{ font-size:18px; line-height:22px;}



.newDd{ padding-top:20px;}



.newDu{}



.newDu li{ margin-bottom:18px;}



.newDa{padding:12px 0;}



.newDa:before{padding:0 15px;}



.newDaI{width:240px; height:153px;}



.newDaN{ width:710px;}



.newDaH{ margin-bottom:14px;}



.newDaH h3{font-size:16px;line-height:24px; height: 24px;}



.newDaH span{font-size:12px; line-height:20px; height: 20px; margin-top:3px;}



.newDaP{ font-size:12px; line-height:20px; height:40px;}



.newDaS{ margin-top: 10px;}



.newDaSI{border-radius:3px; margin-right:16px; width:66px;  height:25px; line-height:25px;}	



}



/*****************



-----新闻详情-----



*****************/



.newDetHT{ color:#181819; text-align: center;}



.newDetHS{ color:#414141;}



.newDetN{text-align: justify; color:#1a1a1a; }



.newDetN img{ margin:0 auto;}



.newDetUd i{background:#017cc2; display: block;}



.newDetUd i img{width:100%; display: block;}



.newDetUd p{}



.newDetUd a{color:#1a1a1a;}



.newDtja{background:#f9f9f9;align-content:center; }



.newDtjH{color:#181819;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:100%;position: relative;}



.newDtjH:before{display:block;content:'';position: absolute; background:#005bac;width:4px; height: 4px;transform: translate(0,-50%);top:50%;}



.newDtjS{width:100%; color:#4c4c4c;}



.newDtja:hover{ background:rgba(0,91,172,0.1);}



.newDcpT{color:#181819; font-weight:700;}



.newDcpN .aboSera{ position: relative; overflow: hidden;}



.newDcpF{ color:#fff;background:rgba(1,124,194,0.7);bottom:-100%; width: 100%;left:0;position: absolute;transition:0.5s;}



.newDcpN .aboSera:hover{background: #eff6ff;}



.newDcpN .aboSera:hover .newDcpF{transition:0.5s;bottom:0;}



@media  screen and ( min-width:1680px){



.newDk{padding:50px 0;}



.newDetK{ padding-bottom: 60px;}



.newDetH{ border-bottom:1px solid #dcdcdc; padding:40px 0;}



.newDetHT{line-height:45px; font-size: 30px;}



.newDetHS{font-size: 14px; margin-top: 20px;}



.newDetHa{font-size:12px;padding:0 10px;border:1px solid #e5e5e5;border-radius:3px;line-height:25px;margin-left:10px;}



.newDetN{ padding:35px 0; font-size: 18px;line-height: 40px;}



.newDetN img{max-height:700px; max-width: 1200px;}



.newDetU{ margin-top: 30px;}



.newDetUd{ font-size:16px; line-height:26px;}



.newDetUd i{ width: 26px; height: 26px; border-radius: 3px;}



.newDetUd a:hover{ color:#017cc2;text-decoration: underline;}



.newDtjN{padding-top:25px;}



.newDtja{width:690px; height: 90px;margin-bottom:17px;padding-right: 26px;}



.newDtjH{padding-left:26px; font-size: 18px; line-height:30px;height:30px; margin-bottom:4px;}



.newDtjH:before{width:4px; height: 4px;left:11px;}



.newDtjS{padding-left:26px;font-size: 14px; line-height:20px;}



.newDcpk{ padding-top:50px;}



.newDcpT{ font-size:30px; height:50px;}



.newDcpN{padding-top:30px;}



.newDcpF{font-size: 16px;padding:26px 26px 22px; line-height:30px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.newDk{padding:42px 0;}



.newDetK{ padding-bottom:50px;}



.newDetH{ border-bottom:1px solid #dcdcdc; padding:35px 0;}



.newDetHT{line-height:40px; font-size:26px;}



.newDetHS{font-size: 13px; margin-top:18px;}



.newDetHa{font-size:12px;padding:0 10px;border:1px solid #e5e5e5;border-radius:3px;line-height:25px;margin-left:10px;}



.newDetN{ padding:30px 0; font-size: 17px;line-height:38px;}



.newDetN img{max-height:600px; max-width: 1100px;}



.newDetU{ margin-top:26px;}



.newDetUd{ font-size:15px; line-height:24px;}



.newDetUd i{ width: 24px; height: 24px; border-radius: 3px;}



.newDetUd a:hover{ color:#017cc2;text-decoration: underline;}



.newDtjN{padding-top:20px;}



.newDtja{width:630px; height:82px;margin-bottom:15px;padding-right: 24px;}



.newDtjH{padding-left:24px; font-size: 17px; line-height:28px;height:28px; margin-bottom:2px;}



.newDtjH:before{width:4px; height: 4px;left:11px;}



.newDtjS{padding-left:24px;font-size: 13px; line-height:19px;}	



.newDcpk{ padding-top:42px;}



.newDcpT{ font-size:26px; height:42px;}



.newDcpN{padding-top:26px;}



.newDcpF{font-size: 15px;padding:22px 22px 18px; line-height:26px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.newDk{padding:35px 0;}



.newDetK{ padding-bottom:40px;}



.newDetH{ border-bottom:1px solid #dcdcdc; padding:30px 0;}



.newDetHT{line-height:36px; font-size:22px;}



.newDetHS{font-size: 12px; margin-top:15px;}



.newDetHa{font-size:12px;padding:0 10px;border:1px solid #e5e5e5;border-radius:3px;line-height:23px;margin-left:10px;}



.newDetN{ padding:26px 0; font-size: 16px;line-height:35px;}



.newDetN img{max-height:600px; max-width: 1100px;}



.newDetU{ margin-top:22px;}



.newDetUd{ font-size:14px; line-height:22px;}



.newDetUd i{ width: 22px; height: 22px; border-radius: 3px;}



.newDetUd a:hover{ color:#017cc2;text-decoration: underline;}	



.newDtjN{padding-top:16px;}



.newDtja{width:532px; height:74px;margin-bottom:13px;padding-right: 22px;}



.newDtjH{padding-left:22px; font-size: 16px; line-height:26px;height:26px; margin-bottom:2px;}



.newDtjH:before{width:4px; height: 4px;left:11px;}



.newDtjS{padding-left:22px;font-size:12px; line-height:18px;}	



.newDcpk{ padding-top:35px;}



.newDcpT{ font-size:22px; height:35px;}



.newDcpN{padding-top:18px;}



.newDcpF{font-size: 14px;padding:20px 20px 16px; line-height:23px;}



}



@media only screen and (max-width:1279px){



.newDk{padding:30px 0;}



.newDetK{ padding-bottom:30px;}



.newDetH{ border-bottom:1px solid #dcdcdc; padding:25px 0;}



.newDetHT{line-height:32px; font-size:20px;}



.newDetHS{font-size: 12px; margin-top:15px;}



.newDetHa{font-size:12px;padding:0 10px;border:1px solid #e5e5e5;border-radius:3px;line-height:23px;margin-left:10px;}



.newDetN{ padding:24px 0; font-size: 15px;line-height:30px;}



.newDetN img{max-height:500px; max-width: 1000px;}



.newDetU{ margin-top:22px;}



.newDetUd{ font-size:14px; line-height:22px;}



.newDetUd i{ width: 22px; height: 22px; border-radius: 3px;}



.newDetUd a:hover{ color:#017cc2;text-decoration: underline;}	



	



.newDtjN{padding-top:14px;}



.newDtja{width:495px; height:66px;margin-bottom:10px;padding-right: 20px;}



.newDtjH{padding-left:20px; font-size: 15px; line-height:22px;height:22px; margin-bottom:2px;}



.newDtjH:before{width:4px; height: 4px;left:11px;}



.newDtjS{padding-left:20px;font-size:12px; line-height:18px;}	



.newDcpk{ padding-top:30px;}



.newDcpT{ font-size:20px; height:30px;}



.newDcpN{padding-top:14px;}



.newDcpF{font-size: 13px;padding:14px 17px 12px; line-height:20px;}



}







/*****************



-----联系我们-----



*****************/



.conBan{text-align: center}



.conDd{padding-bottom:50px;}







/*title*/



.conTit{position: relative;}



.conTit span{text-transform: uppercase;color:#d2d2d2;}



.conTit h2{ color:#2a2a2a;width:100%;font-weight:550;}







.conDdOH{border-right: 1px solid #dcdcdc}



.conDdON{color:#4a4a4a; flex:1;width:100%;}



.conDdm{ background-image: url("/images/pic/conB01.jpg"); background-position:center; background-repeat: no-repeat; background-size: 100% 100%;}



.conDdmF p{color:#FFF;}







.conDdD img{width:100%; height:100%; display: block;}



.conDdQ{background:#f1f1f1;}



.conDdQN img{ display: block;}



.conDdQP{ flex:1; width:100%;color:#2a2a2a;}



.conDdQP h3{font-weight:700; }



.conDdQP i{ background:#017cc2; display: block;}



.conDdQNs{}







.conBs{ }



.conBsA{border-bottom:1px solid #dcdcdc; color:#2e2e2e;}

.conBsA:hover{color: #0088db}

.conBsI{ overflow: hidden;}



.conBsI img{width:100%; display: block;}



.conBsN{flex:1;width:100%; margin-left: 100px; }



.conDdON p b{font-weight: 500;}



@media  screen and ( min-width:1680px){



.conBan{height:347px;}



/*title*/



.conTit span{font-size:40px; line-height:50px; letter-spacing:2px;}



.conTit h2{letter-spacing:1px; font-size:30px; line-height:40px;}







.conDdN{ padding-bottom: 50px;}



.conDdO{width:780px; height:294px;padding-bottom: 30px;}







.conDdOR{width:300px;}



.conDdOP{padding:15px;}

.conDdOP img{margin-right: 20px;height: 20px;width: 20px;}



.conDdOH{width: 52.5%; padding-top:10px;}

.conDdON{ font-size:16px;line-height:20px;}

.conDdON p img{margin-right: 10px;height: 20px;width: 20px;}

.conDdON p{ margin-bottom:5px;}
.conDdON p:first-child{ margin-bottom:10px;}


.conDdON h3{ font-size:36px; line-height:40px; margin-bottom:45px;}







.conDdm{width:620px; height:294px;}



.conDdm img{width:197px;}



.conDdmF{ margin-left: 90px;}



.conDdmF img{width:33px; margin-bottom: 15px;}



.conDdmF p{ font-size:14px; line-height:25px;}







.conDdD{width:780px; height: 519px;}



.conDdQ{width:620px; height: 519px;}



.conDdQN{height:173px; padding:30px 40px 0;}



.conDdQN img{widht:40px;}



.conDdQP{ margin-left: 20px;}



.conDdQP h3{ font-size: 16px; line-height:22px;  margin-bottom: 6px;}



.conDdQP p{ font-size: 16px; margin-bottom:10px; line-height:18px;}



.conDdQP i{width:54px;height: 3px;}



.conDdQNs{ font-size: 26px; line-height:30px; margin-top:8px;}



	



.conBs{}



.conBsA{ padding:30px 0;}



.conBsI{ width:354px; height:190px;}



.conBsN{flex:1;width:100%; margin-left: 100px;}



.conBsN h3{ font-size:24px; line-height:34px; margin-bottom: 15px;}



.conBsN p{ font-size:12px; line-height:20px; margin-bottom: 5px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.conBan{height:300px;}



/*title*/



.conTit span{font-size:36px; line-height:40px; letter-spacing:2px;}



.conTit h2{letter-spacing:1px; font-size:26px; line-height:30px;}







.conDdN{ padding-bottom: 50px;}



.conDdO{width:720px; height:270px;padding-bottom: 20px;}







.conDdOR{width:300px;}



.conDdOP{padding:15px;}

.conDdOP img{margin-right: 20px;height: 20px;width: 20px;}



.conDdOH{width: 54.5%; padding-top: 10px}

.conDdON{ font-size:16px;line-height:20px;}

.conDdON p img{margin-right: 10px;height: 20px;width: 20px;}



.conDdON p{ margin-bottom:5px;}
.conDdON p:first-child{ margin-bottom:10px;}


.conDdON h3{ font-size:32px; line-height:40px; margin-bottom:35px;}







.conDdm{width:560px; height:270px;}



.conDdm img{width:180px;}



.conDdmF{ margin-left: 90px;}



.conDdmF img{width:30px; margin-bottom: 15px;}



.conDdmF p{ font-size:13px; line-height:22px;}







.conDdD{width:720px; height: 489px;}



.conDdQ{width:560px; height:489px;}



.conDdQN{height:163px; padding:25px 25px 0;}



.conDdQN img{widht:40px;}



.conDdQP{ margin-left: 20px;}



.conDdQP h3{ font-size: 15px; line-height:22px;  margin-bottom: 6px;}



.conDdQP p{ font-size: 15px; margin-bottom:10px; line-height:18px;}



.conDdQP i{width:54px;height: 3px;}



.conDdQNs{ font-size: 24px; line-height:30px; margin-top:8px;}







.conBs{}



.conBsA{ padding:25px 0;}



.conBsI{ width:320px; height:171px;}



.conBsN{flex:1;width:100%; margin-left:90px;}



.conBsN h3{ font-size:22px; line-height:34px; margin-bottom: 15px;}



.conBsN p{ font-size:12px; line-height:20px; margin-bottom:3px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.conBan{height:260px;}



/*title*/



.conTit span{font-size:32px; line-height:36px; letter-spacing:2px;}



.conTit h2{letter-spacing:1px; font-size:22px; line-height:28px;}







.conDdN{ padding-bottom:30px;}



.conDdO{width:590px; height:250px;padding-bottom: 20px;}







.conDdOR{width:240px;}



.conDdOP{padding:15px;}







.conDdOP img{margin-right: 14px;height: 20px;width: 20px;}



.conDdOH{width: 58.5%; padding-top: 10px}

.conDdON{ font-size:15px;line-height:20px;}

.conDdON p img{margin-right: 10px;height: 20px;width: 20px;}



.conDdON p{ margin-bottom:4px;}
.conDdON p:first-child{ margin-bottom:8px;}


.conDdON h3{ font-size:28px; line-height:40px; margin-bottom:25px;}







.conDdm{width:490px; height:250px;}



.conDdm img{width:160px;}



.conDdmF{ margin-left:60px;}



.conDdmF img{width:25px; margin-bottom: 15px;}



.conDdmF p{ font-size:13px; line-height:22px;}







.conDdD{width:590px; height: 459px;}



.conDdQ{width:490px; height:459px;}



.conDdQN{height:153px; padding:20px 20px 0;}



.conDdQN img{widht:35px;}



.conDdQP{ margin-left: 16px;}



.conDdQP h3{ font-size: 14px; line-height:22px;  margin-bottom:4px;}



.conDdQP p{ font-size: 14px; margin-bottom:8px; line-height:18px;}



.conDdQP i{width:40px;height:2px;}



.conDdQNs{ font-size: 22px; line-height:28px; margin-top:8px;}







.conBs{}



.conBsA{ padding:20px 0;}



.conBsI{ width:290px; height:155px;}



.conBsN{flex:1;width:100%; margin-left:75px;}



.conBsN h3{ font-size:20px; line-height:30px; margin-bottom: 12px;}



.conBsN p{ font-size:12px; line-height:18px; margin-bottom:3px;}



}



@media only screen and (max-width:1279px){



.conBan{height:230px;}



/*title*/



.conTit span{font-size:28px; line-height:30px; letter-spacing:2px;}



.conTit h2{letter-spacing:1px; font-size:20px; line-height:26px;}



.conDdOH{width: 54%; padding-top: 10px}



.conDdN{ padding-bottom:30px;}



.conDdO{width:550px; height:250px;}







.conDdOR{width:250px;}



.conDdOP{padding:15px;}







.conDdON{ font-size:15px;line-height:20px;}



.conDdON p{ margin-bottom:4px;}
.conDdON p:first-child{ margin-bottom:8px;}


.conDdON h3{ font-size:28px; line-height:40px; margin-bottom:20px;}







.conDdm{width:450px; height:250px;}



.conDdm img{width:160px;}



.conDdmF{ margin-left:60px;}



.conDdmF img{width:25px; margin-bottom: 15px;}



.conDdmF p{ font-size:13px; line-height:22px;}







.conDdD{width:550px; height: 459px;}



.conDdQ{width:450px; height:459px;}



.conDdQN{height:153px; padding:20px 20px 0;}



.conDdQN img{widht:35px;}



.conDdQP{ margin-left: 16px;}



.conDdQP h3{ font-size: 14px; line-height:22px;  margin-bottom:4px;}



.conDdQP p{ font-size: 14px; margin-bottom:8px; line-height:18px;}



.conDdQP i{width:40px;height:2px;}



.conDdQNs{ font-size: 22px; line-height:28px; margin-top:8px;}







.conBs{}



.conBsA{ padding:18px 0;}



.conBsI{ width:260px; height:139px;}



.conBsN{flex:1;width:100%; margin-left:70px;}



.conBsN h3{ font-size:18px; line-height:30px; margin-bottom: 8px;}



.conBsN p{ font-size:12px; line-height:18px; margin-bottom:3px;}



}







/*



display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center



|flex-start|flex-end|center|space-between|space-around







overflow: hidden;text-overflow:ellipsis;white-space: nowrap;



display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;







transform: translate(0,-50%);left:0;top:50%;







transition:0.5s;



.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}



*/







/*****************



-----下载中心-----



*****************/



.dowDh{background:#FFF;width: 100%;}



.dowDhA{ text-align: center; color:#373737; display: block;}



.dowDhI{background-size:100%; background-position: 0 0; background-repeat: no-repeat; display: block; margin:0 auto}



.dowDhI1{background-image: url("/images/icon/dowI01.png");}



.dowDhI2{background-image: url("/images/icon/dowI02.png");}



.dowDhI3{background-image: url("/images/icon/dowI03.png");}



.dowDhI4{background-image: url("/images/icon/dowI04.png");}



.dowDh .on{color:#017cc2}



.dowDNa{background:#FFF;}



.dowDsea{ border-bottom:1px solid #dcdcdc;}



.dowDseaa{display: block;}



.dowDseaa img{width:100%; display: block;}



.dowDseaI{width:100%; flex:1;border:none;color:#9c9c9c; background:none;}



.dowDNaB{ display: block;color:#5f5f5f;position: relative;}



.dowDNaB:before{display:block;content:'';position: absolute; width: 2px; height: 0;  background:#017cc2;transform: translate(0,-50%);right:0;top:50%;transition:0.5s;}



.dowDNaN .on,.dowDNaB:hover{ color:#017cc2; background:rgba(230,242,248,0.55)}



.dowDNaN .on:before,.dowDNaB:hover:before{height:100%;transition:0.5s;}



.dowDNr{ background:#FFF;}



.dowDNrH{color:#262626;border-bottom:1px solid #dcdcdc;}



.dowDsmU{width:100%;}



.dowDsmU li{color:#5f5f5f;}



.dowDsmU li p{width:100%; flex:1;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.dowDsma{color:#FFF; background:#017cc2; border-radius:3px;opacity:0}



.dowDsmU li:hover{ background:rgba(238,238,238,0.5);}



.dowDsmU li:hover .dowDsma{opacity:1}



.dowzl{width:100%;}



.dowzlI{width:100%;border-radius:3px; overflow: hidden; position: relative;}



.dowzlI img{width:100%; display: block;}



.dowzlIf{ background:rgba(0,0,0,0.75);width:100%; height:100%; position: absolute; top:0;left:0;align-content:center;opacity:0}



.dowzlnP{color:#5f5f5f;}



.dowzlI:hover .dowzlIf{opacity:1}



.dowzlI:hover .dowDsma{opacity:1}







.dowrjI img{width:100%; display: block}



.dowrjP{flex:1; width: 70%;}



.dowrjP h3{ color:#323232;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



.dowrjP p{ color:#686868;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.dowrjN:hover{background:rgba(238,238,238,0.5);}

@media  screen and ( min-width:1680px){



.dowDd{padding-bottom:20px;}



.dowDh{margin-bottom: 16px; height:120px;}



.dowDhA{ font-size: 20px;width:230px; line-height:30px;}



.dowDhI{width:35px; height: 35px;}



.dowDh .on .dowDhI{background-position: 0 -35px;}



	



.dowDNa{width:314px; align-self: stretch;}



.dowDsea{padding:0 35px;height: 75px;}



.dowDseaa{width:16px;}



.dowDseaI{line-height:30px; height: 30px;font-size:14px;margin-left:8px;}



.dowDNaN{padding:24px 0;}



.dowDNaB{font-size: 18px;line-height:55px;height:55px; padding:0 40px;}







.dowDNr{width:1070px; min-height: 648px; }



.dowDNrH{padding:24px 35px 0; line-height:80px; font-size: 24px;}



.dowDsmU{ padding:16px;}



.dowDsmU li{ font-size:16px;padding:0 12px; height: 52px; border-radius:5px;}



.dowDsmU li img{width:15px; margin-right:14px;}



.dowDsmU li p{line-height:30px;}



.dowDsma{width:70px;height:32px;font-size:14px;}



.dowDsmU li .dowDsma img{width:14px;margin-right:2px;}



	



.dowzl{ padding:30px 45px 1px;}



.dowzln{width:280px; margin-bottom:30px; margin-left:70px;}



.dowzln:nth-child(3n+1){margin-left:0}



.dowzlI{height:186px; border-radius:3px;}



.dowzlI .dowDsma img{width:14px;margin-right:2px;}



.dowzlnP{ font-size:16px;line-height:30px; margin-top: 5px;}







.dowrj{padding:20px 0;}



.dowrjN{ padding:20px 35px;}



.dowrjI{width:60px;}



.dowrjP{padding:0 20px;}



.dowrjP h3{font-size: 20px; line-height:26px;}



.dowrjP p{font-size:14px; line-height:22px;height:22px;margin-top: 5px;}



}



@media screen and (max-width:1679px ) and ( min-width:1440px){



.dowDd{padding-bottom:18px;}



.dowDh{margin-bottom: 14px; height:110px;}



.dowDhA{ font-size:18px;width:215px; line-height:30px;}



.dowDhI{width:34px; height: 34px;}



.dowDh .on .dowDhI{background-position: 0 -34px;}



	



.dowDNa{width:275px;align-self: stretch;}



.dowDsea{padding:0 30px;height: 70px;}



.dowDseaa{width:16px;}



.dowDseaI{line-height:30px; height: 30px;font-size:14px;margin-left:8px;}



.dowDNaN{padding:22px 0;}



.dowDNaB{font-size: 17px;line-height:50px;height:50px; padding:0 35px;}







.dowDNr{width:990px; min-height: 600px; }



.dowDNrH{padding:20px 30px 0; line-height:70px; font-size: 22px;}



.dowDsmU{ padding:15px;}



.dowDsmU li{ font-size:15px;padding:0 12px; height: 50px; border-radius:5px;}



.dowDsmU li img{width:15px; margin-right:14px;}



.dowDsmU li p{line-height:30px;}



.dowDsma{width:70px;height:30px;font-size:14px;}



.dowDsmU li .dowDsma img{width:14px;margin-right:2px;}



	



.dowzl{ padding:20px 40px 1px;}



.dowzln{width:230px; margin-bottom:18px; margin-left:35px;}



.dowzln:nth-child(3n+1){margin-left:0}



.dowzlI{height:152px; border-radius:3px;}



.dowzlI .dowDsma img{width:14px;margin-right:2px;}



.dowzlnP{ font-size:15px;line-height:26px; margin-top: 5px;}



	



.dowrj{padding:18px 0;}



.dowrjN{ padding:18px 35px;}



.dowrjI{width:60px;}



.dowrjP{padding:0 20px;}



.dowrjP h3{font-size:18px; line-height:24px;}



.dowrjP p{font-size:13px; line-height:22px;height:22px;margin-top: 4px;}



}



@media screen and (max-width:1439px ) and ( min-width:1280px){



.dowDd{padding-bottom:16px;}



.dowDh{margin-bottom: 12px; height:100px;}



.dowDhA{ font-size:16px;width:200px; line-height:26px;}



.dowDhI{width:32px; height: 32px;}



.dowDh .on .dowDhI{background-position: 0 -32px;}



	



.dowDNa{width:226px; align-self: stretch;}



.dowDsea{padding:0 25px;height:60px;}



.dowDseaa{width:16px;}



.dowDseaI{line-height:30px; height: 30px;font-size:13px;margin-left:8px;width:150px;}



.dowDNaN{padding:20px 0;}



.dowDNaB{font-size: 16px;line-height:50px;height:50px; padding:0 30px;}







.dowDNr{width:840px; min-height: 550px; }



.dowDNrH{padding:15px 25px 0; line-height:60px; font-size: 20px;}



.dowDsmU{ padding:13px;}



.dowDsmU li{ font-size:14px;padding:0 12px; height:46px; border-radius:5px;}



.dowDsmU li img{width:14px; margin-right:12px;}



.dowDsmU li p{line-height:30px;}



.dowDsma{width:66px;height:28px;font-size:13px;}



.dowDsmU li .dowDsma img{width:14px;margin-right:2px;}



	



.dowzl{ padding:20px 35px 1px;}



.dowzln{width:220px; margin-bottom:18px; margin-left:55px;}



.dowzln:nth-child(3n+1){margin-left:0}



.dowzlI{height:146px; border-radius:3px;}



.dowzlI .dowDsma img{width:14px;margin-right:2px;}



.dowzlnP{ font-size:14px;line-height:22px; margin-top: 5px;}



	



.dowrj{padding:16px 0;}



.dowrjN{ padding:15px 30px;}



.dowrjI{width:60px;}



.dowrjP{padding:0 17px;}



.dowrjP h3{font-size:17px; line-height:22px;}



.dowrjP p{font-size:12px; line-height:20px;height:20px;margin-top: 4px;}



}



@media only screen and (max-width:1279px){



.dowDd{padding-bottom:14px;}



.dowDh{margin-bottom: 10px; height:90px;}



.dowDhA{ font-size:15px;width:190px; line-height:24px;}



.dowDhI{width:30px; height: 30px;}



.dowDh .on .dowDhI{background-position: 0 -30px;}







.dowDNa{width:200px; align-self: stretch;}



.dowDsea{padding:0 20px;height:52px;}



.dowDseaa{width:14px;}



.dowDseaI{line-height:26px; height: 26px;font-size:12px;margin-left:6px;width:140px;}



.dowDNaN{padding:18px 0;}



.dowDNaB{font-size: 14px;line-height:46px;height:46px; padding:0 25px;}







.dowDNr{width:785px; min-height: 500px; }



.dowDNrH{padding:10px 25px 0; line-height:55px; font-size:18px;}



.dowDsmU{ padding:12px;}



.dowDsmU li{ font-size:14px;padding:0 12px; height:46px; border-radius:5px;}



.dowDsmU li img{width:14px; margin-right:12px;}



.dowDsmU li p{line-height:30px;}



.dowDsma{width:66px;height:28px;font-size:13px;}



.dowDsmU li .dowDsma img{width:14px;margin-right:2px;}



	



.dowzl{ padding:18px 35px 1px;}



.dowzln{width:210px; margin-bottom:12px; margin-left:42px;}



.dowzln:nth-child(3n+1){margin-left:0}



.dowzlI{height:139px; border-radius:3px;}



.dowzlI .dowDsma img{width:14px;margin-right:2px;}



.dowzlnP{ font-size:14px;line-height:22px; margin-top: 5px;}



	



.dowrj{padding:14px 0;}



.dowrjN{ padding:14px 26px;}



.dowrjI{width:50px;}



.dowrjP{padding:0 14px;}



.dowrjP h3{font-size:16px; line-height:20px;}



.dowrjP p{font-size:12px; line-height:20px;height:20px;margin-top: 4px;}



}